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

3 votes194 views1 answer
Link for fontawesome
Html
0 vote191 views1 answer
Image on text in bootstrap
Html
18 votes221 views4 answers
How to code in html
Html
0 vote218 views1 answer
Netlify cms hidden field
Html
0 vote187 views1 answer
How to serve webP images with fallback
Html
1 vote194 views1 answer
Middel click vuejs
Html
0 vote291 views1 answer
Convert html table to csv powershell
Html
0 vote181 views1 answer
Uncaught TypeError: Cannot read property 'value' of null at HTMLButtonElement.<anonymous>
Html
0 vote199 views2 answers
Jquery add hidden attribute
Html
32 votes213 views2 answers
How to tab in html
Html