文本可见性随按钮而更改



我将进行我的新学校项目,我想知道,如何使用按钮更改文本可见性?就像当我单击按钮时,文本将是可见的,当我再次单击它时,它将是不可见的,或者当我单击另一个按钮时,它也将不可见。使用JavaScript或CSS。

Stack Overflow不像"gib mi solushons"类型的网站。尝试编写一些代码并在此处共享。以下是可供学习的资源:https://www.w3schools.com/
查看JSonclick事件
CSSdisplay
和HTML标记语法结构
这可能对你有帮助
当您有代码要显示时,请尝试再次发布,我们将很乐意为您提供帮助。

<html>
<body>
<p id="hiddenText">this text is visible now</p>
<button onclick="show()">Show</button>
<button onclick="hide()">hide</button>
</body>
<script>
function show(){
document.getElementById("hiddenText").style.visibility = "visible";
}
function hide(){
document.getElementById("hiddenText").style.visibility = "hidden";
}
</script>