如何合并两个JavaScript脚本并实现统一的通知提示功能

我们可以把重复的通知逻辑抽成独立函数，再将两个业务函数放到同一个<script>代码块里，既满足合并要求，又能避免代码冗余。

完整代码如下：

<script>
// 提取复用的通知函数
function showNotification() {
  const notification = document.getElementById('symc');
  notification.style.display = 'block';
  setTimeout(() => {
    notification.style.display = 'none';
  }, 1000);
}

function copy(that) {
  const text = that.textContent;
  const input = document.getElementById('cb');
  input.value = input.value + text + '\n';
  
  const inp = document.createElement('input');
  document.body.appendChild(inp);
  inp.value = text;
  inp.select();
  document.execCommand('copy', false);
  
  // 调用统一的通知函数
  showNotification();
}

function co() {
  const input = document.getElementById('cb');
  navigator.clipboard.writeText(input.value);
  
  // 调用统一的通知函数
  showNotification();
}
</script>

<span id="symc">Copied</span>

<div id="ca">
  <input id="cb">
  <button onclick="co()">Copy</button>
</div>

改动说明： #

• 将两个<script>块合并为一个，所有JS逻辑集中维护
• 把重复的通知代码封装成showNotification()函数，两个业务函数执行完成后统一调用它，保证通知逻辑一致
• 替换var为const（符合现代JS规范），同时添加换行和缩进提升代码可读性

内容的提问来源于stack exchange，提问作者Geovanny Okuneva