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 vote134 views1 answer
Angular add html attribute on condition
Html
-1 vote138 views1 answer
Html to pdf react
Html
9 votes157 views6 answers
Table in bootstrap 4
Html
0 vote145 views1 answer
HOW TO PERFORM AN ACTION AN OPTION IS CLICKED IN DROP DOWN
Html
0 vote160 views1 answer
Wicked pdf page break
Html
1 vote147 views1 answer
Html upload image
Html
0 vote164 views1 answer
How to declare a div
Html
23 votes269 views5 answers
Map an array in react
Html
9 votes293 views1 answer
Html floating button
Html
1 vote135 views1 answer
Meta colors html
Html