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

30 votes158 views4 answers
Only accept image file input
Html
1 vote161 views1 answer
How to set canvas on background html
Html
0 vote171 views1 answer
Top js graphql clients
Html
0 vote158 views1 answer
Ignor < in html
Html
0 vote137 views2 answers
How to cover whole webpage by background image in html
Html
0 vote144 views1 answer
Write html in python
Html
29 votes147 views6 answers
Href phone
Html
1 vote162 views1 answer
Okaycms not working after installation
Html
37 votes185 views6 answers
Vertical center bootstrap
Html
0 vote156 views1 answer
Nested columsn inside bootstrap
Html