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

4 votes140 views4 answers
Carousel
Html
0 vote144 views1 answer
Chat room website template free download
Html
31 votes180 views5 answers
Ng if else
Html
0 vote157 views1 answer
Java.rmi.connectexception: connection refused to host: 127.0.0.1
Html
0 vote152 views1 answer
Divide in single rows html using div
Html
0 vote143 views1 answer
How to pass dynamic url in Link react
Html
0 vote133 views2 answers
Mobile app
Html
2 votes158 views2 answers
Html p tag
Html
0 vote137 views1 answer
Python remove html from a list item
Html
0 vote144 views1 answer
Chakra ui center content table
Html