Answers for "show and hide text on button click js"

2

onclick hide div javascript

<div id="div">
	<p>Click to hide!</p>
</div>
<script type="text/javascript">
	const div = document.getElementById("div");
	div.addEventListener("click", function() {
		// hide element: element.hidden = true;
		// show element: element.hidden = false;
		div.hidden = true;
	});
</script>
Posted by: Guest on July-16-2021
0

how to make hide/show btn in js

let btnName = document.getElementById('btnId');
btnName.addEventListener('click', ()=>{
  let element = document.getElementById('elementId');
	if (element.style.display != 'inline'){
    	element.style.display = 'inline';
    }
  else{
    element.style.display = 'none'
  }
})
Posted by: Guest on July-13-2021
0

html click hide textbox

//hide
document.getElementById("idOfTextField").style.display = 'none';

//visible
document.getElementById("idOfTextField").style.display = '';
Posted by: Guest on November-25-2020
1

JS Show/hide when button is clicked

var toggle  = document.getElementById("toggle");
var content = document.getElementById("content");

toggle.addEventListener("click", function() {
  content.classList.toggle("show");
});
Posted by: Guest on November-25-2021

Code answers related to "show and hide text on button click js"

Browse Popular Code Answers by Language