如何让HTML按钮触发指定函数运行，实现抛硬币记录正反面功能

你现有代码存在两个问题：

• 闭合script标签拼写错误，你写的</scipt>是错的，正确为</script>
• 没有给按钮绑定点击事件触发coinFlip函数

你可以选以下任意一种方式绑定事件：

方法1：直接在按钮标签添加onclick属性 #

修改按钮代码为：

<button id="coinFlipper" onclick="coinFlip()">Flip a Coin</button>

方法2：在JS代码中添加事件监听 #

在你的script标签内新增一行事件绑定代码：

document.getElementById('coinFlipper').addEventListener('click', coinFlip)

另外提醒下，document.write()调用时会清空整个页面原有内容再写入结果，如果你不想覆盖页面原有内容，可以单独加一个结果容器展示输出，修正后的完整示例如下：

<button id="coinFlipper">Flip a Coin</button>
<!-- 新增结果容器 -->
<div id="result"></div>

<script>
const coinFlip = function() {
  let randomNumber = Math.random()
  const result = randomNumber < 0.5 ? "Heads" : "Tails"
  // 把结果写入容器，不会覆盖页面
  document.getElementById('result').textContent = result
}
// 绑定点击事件
document.getElementById('coinFlipper').addEventListener('click', coinFlip)
</script>

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