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

-2 votes415 views1 answer
How to turn javascipt into html
Html
1 vote328 views1 answer
Carousel bootstrap v3.3.6
Html
0 vote314 views1 answer
Ubuntu 19.10 vmware
Html
0 vote351 views1 answer
Input type for contact no
Html
1 vote322 views1 answer
Html games for mobile
Html
13 votes387 views1 answer
Download im<a href="the/name/of/your/file.x" download>ages html code
Html
3 votes343 views1 answer
Gradient on top of image css
Html
55 votes394 views6 answers
Html template
Html
0 vote305 views1 answer
Cshtml set a max value foreach
Html
8 votes344 views2 answers
Html link without opening new tab
Html