当我点击一个按钮时，如何在div中淡出？

var button = document.getElementById('myButton');
button.addEventListener('click', fadeOut);

function fadeOut() {
  var div = document.getElementById('myDiv');
  // 在这里执行淡出效果的代码
}

function fadeOut() {
  var div = document.getElementById('myDiv');
  div.style.opacity = '0'; // 设置透明度为0
  div.style.transition = 'opacity 1s'; // 添加过渡效果
}

function fadeOut() {
  var div = document.getElementById('myDiv');
  div.style.opacity = '0';
  div.style.transition = 'opacity 1s';

  setTimeout(function() {
    div.style.display = 'none'; // 隐藏div元素
    // 在这里执行其他操作
  }, 1000); // 等待1秒钟后执行
}