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

1 vote213 views1 answer
Bh
Html
1 vote216 views1 answer
How to display online image in html
Html
51 votes238 views4 answers
Bootstrap display inline block
Html
1 vote254 views2 answers
Bootstrap 4 Navbar Dropdown Menu Items Right
Html
0 vote210 views1 answer
Remove padding in pre and code
Html
0 vote219 views1 answer
How to combine two input fields in html
Html
0 vote215 views1 answer
The __________ is the framed area on a display screen and each responsive web page needs to have a meta tag defined for this property.
Html
9 votes231 views3 answers
Onclick a tag
Html
0 vote227 views1 answer
How to add background video in html
Html
0 vote216 views1 answer
Tailwind container
Html