(.JS) show_hide_menu on a click
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sample</title>
</head>
<body>
<p id="demo">hello world</p>
<button onclick="fun()" id="menu">hide</button>
</body>
<script>
function fun()
{
if(document.getElementById("demo").style.display!="none")
{
document.getElementById("demo").style.display="none"
document.getElementById("menu").innerHTML="show"
}
else{
document.getElementById("demo").style.display="block";
document.getElementById("menu").innerHTML="hide"
}
}
</script>
</html>
Comments
Post a Comment