javascript - 如何显示/隐藏内容

Question

我有一个页面，我想要两个按钮，当单击一个按钮时，显示“你好”，当单击另一个按钮时，将隐藏“你好”消息，然后显示“再见”。我知道这需要用 javascript 完成，但我不擅长 javascript。

Answer 1

检查此片段

<p id="msg"></p>

<button onclick="helloFunction()">Say Hello</button>
<button onclick="byeFunction()">Wave Goodbye</button>

<script>
function helloFunction() {
    document.getElementById("msg").innerHTML = "Hello";
}
  
  function byeFunction() {
    document.getElementById("msg").innerHTML = "Goodbye";
}

</script>