Javascript 按下按钮时清除段落文本

我找不到清除文本的按钮。因此，当我点击图像时，按钮和文本确实会显示出来，当我点击按钮时，按钮确实会消失，但文本不会消失

<script type="text/javascript">
  function song(animal, sound) {
    document.getElementById("buttonAppear").innerHTML = '<button type="button" onclick="buttonFunction(); clear();">Clear</button>';
    document.getElementById("verse").innerHTML += "<br>Old MacDonald had a farm, E-I-E-I-O.<br>And on that farm he had a " + animal + ", E-I-E-I-O.<br>with a " + sound + "-" + sound + " here and a " + sound + "-" + sound + " there,<br>  here a " + sound + " there a " + sound + " everywhere a " + sound + "-" + sound + ".";
  }

  function clear() {
    document.getElementById("verse").innerHTML = "";
  }

  function buttonFunction() {
    document.getElementById("buttonAppear").innerHTML = "";
  }
</script>
</head>
<main>
  <h1>The Animals Game</h1>

  <img src="cat.jpg" title="Cat" alt="Cat" height="200" width="200" onclick="song('CAT', 'MEOW') ;">
  <img src="cow.jpg" title="Cow" alt="Cow" height="200" width="200" onclick="song('COW', 'MOO') ;">
  <img src="dog.jpg" title="Dog" alt="Dog" height="200" width="200" onclick="song('DOG', 'WOOF') ;">


  <p id="verse"></p>
  <div id="buttonAppear"></div>

功能歌（动物、声音）{
document.getElementById（“ButtonPear”）.innerHTML='Clear'；
document.getElementById（“韵文”）.innerHTML+=“
老麦克唐纳有一个农场，E-I-E-I-O.
在那个农场上，他有一个“+动物+”，E-I-E-I-O.
这里有一个“+声音+”-“+声音+”，那里有一个“+声音+”，
这里有一个“+声音+”那里有一个“+声音+”到处都有一个“+声音+”+“+”+“+声音+”；
}
函数clear（）{
document.getElementById（“韵文”）.innerHTML=“”；
}
函数按钮函数（）{
document.getElementById（“buttonAppear”）.innerHTML=“”；
}
动物游戏

事实证明，“clear”作为全局引用已经作为document对象的属性使用

更多信息请点击此处：

---

当调用onclick处理程序时，您应该将函数名更改为其他名称，例如ClearParagation（）

，您引用的不是

clear

函数，而是

文档。clear

函数（）。尝试重命名您的函数或设置click事件处理程序，而不是使用

onclick

属性（您可以在此处阅读更多有关的内容，并列出了类似的问题）

Eh，按钮在哪里？