建立一个事件处理程序

<div id="myElement">点击我</div>

<script type="text/javascript">
const element = document.getElementById('myElement');

// 创建一个事件处理函数
function handleEvent(event) {
  // 在这里编写事件处理程序
  console.log('点击事件已触发');
}

// 添加事件监听器
element.addEventListener('click', handleEvent);
</script>

用vue3

<div id="app">
  <button @click="handleClick">Click me</button>
</div>

<script>
  // JS code
  const app = Vue.createApp({
    methods: {
      handleClick() {
        console.log('Button clicked');
      }
    }
  });
  app.mount('#app');
</script>

<button id="myButton">Click me</button>

<script>
  // JS code
  const button = document.getElementById('myButton');
  button.addEventListener('click', () => {
    console.log('Button clicked');

  });
</script>