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 vote270 views1 answer
Html input with icon right
Html
22 votes244 views4 answers
How to make a clickable image in html
Html
12 votes245 views3 answers
Add placeholder in input type date
Html
0 vote237 views1 answer
Shortcut for html skeleton
Html
0 vote239 views1 answer
Html path svg stop
Html
1 vote245 views1 answer
Center unordered list html
Html
1 vote245 views1 answer
How to return false in html
Html
0 vote256 views1 answer
Was not loaded because its mime type, “text/html”, is not “text/css”. react
Html
0 vote263 views1 answer
Zoom inkcanvas
Html
0 vote290 views1 answer
Use html how to open dwg files
Html