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

10 votes104 views3 answers
Jqury get selected option
Html
0 vote146 views1 answer
Internal phone input
Html
3 votes113 views1 answer
Firefox image/svg+xml not working
Html
27 votes107 views6 answers
Bootstrap select
Html
35 votes107 views6 answers
Bold text in html
Html
0 vote115 views1 answer
The template root requires exactly one element.eslint-plugin-vue
Html
0 vote103 views1 answer
Html border dashed spacing
Html
0 vote108 views1 answer
Html cancel anchor event
Html
0 vote123 views2 answers
How to write the latex in html
Html
0 vote107 views1 answer
How to make a head tag in html into a child element
Html