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

0 vote272 views2 answers
Html.raw to list model
Html
0 vote284 views1 answer
How to make an a tag not clickable
Html
0 vote272 views1 answer
Thymeleaf html xmlns intellij setup
Html
0 vote271 views1 answer
Details summary html5
Html
1 vote258 views1 answer
Set icon for html page tab
Html
10 votes282 views3 answers
Text monospace bootstrap
Html
0 vote259 views1 answer
How to add back to top button in html
Html
2 votes267 views2 answers
Hover message html
Html
0 vote275 views1 answer
Routerlinkactiveoptions
Html
1 vote323 views1 answer
How to leave an empty row in html table
Html