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

19 votes250 views1 answer
Font tag html
Html
2 votes234 views2 answers
Svg img tag not showing
Html
11 votes246 views2 answers
Linked image html
Html
0 vote246 views4 answers
How to populate a grid with images in html
Html
0 vote248 views1 answer
Onclick mailto inline
Html
0 vote260 views1 answer
How to call parent method from child component
Html
0 vote226 views1 answer
Event.preventdefault() in angular
Html
1 vote237 views1 answer
Markdown new page
Html
0 vote233 views1 answer
Alpine js onclick example
Html
1 vote238 views1 answer
Replace svg with another using javascript
Html