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 vote201 views1 answer
Link md
Html
0 vote225 views1 answer
How to run an application exe running in server and return the response in html
Html
101 votes224 views2 answers
How to make href open in a new tab link html
Html
0 vote217 views1 answer
Lwc unescaped html
Html
0 vote217 views1 answer
Github see commits by user
Html
8 votes222 views3 answers
Ng style
Html
33 votes203 views5 answers
How to underline text in html
Html
41 votes195 views1 answer
Website starter
Html
53 votes222 views5 answers
Bootstrap display none
Html
0 vote238 views1 answer
Code for centre text in html
Html