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

35 votes118 views2 answers
Form input autocomplete off
Html
21 votes123 views4 answers
Link in markdown
Html
3 votes186 views2 answers
Html select option disabled selected
Html
87 votes126 views6 answers
Div align center
Html
0 vote388 views1 answer
Bootstrap switch change text
Html
1 vote116 views1 answer
Pass method jsf component
Html
15 votes129 views2 answers
Html format date
Html
18 votes127 views2 answers
Html css center text on page
Html
1 vote128 views1 answer
Move table tfoot at top
Html
21 votes129 views1 answer
What is a viewport meta tags
Html