Display none on button click

Html button that hide and show

<button onclick="toggleText()">button</button>
<p id="Myid">Text</p>
<script>
function toggleText(){
  var x = document.getElementById("Myid");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>

Display none on button click

<htlm>

Similar codes

0 vote117 views1 answer
Google font library
Html
1 vote110 views1 answer
Vue for loop if last
Html
0 vote118 views1 answer
Not allow decimal in input type number
Html
78 votes151 views3 answers
Html url
Html
-1 vote129 views2 answers
Website making sites
Html
0 vote125 views1 answer
How to attach pdf on whatsapp through html url
Html
0 vote120 views1 answer
How to embed a website in another website
Html
5 votes114 views3 answers
Tailwind align-self center
Html
0 vote122 views1 answer
Crypto conversion calculator
Html
87 votes133 views6 answers
Div align center
Html