javascript hiding/showing div

jamesmorris86

jamesmorris86

jamesmorris86

Associate
Joined
11 Oct 2008
Posts
268
I am using the following code to display a hidden div (pause) on click.
At the moment it shows the div on click.
I have been trying to use classList.remove in the else block to then hide the div again but its removing the class from the body tag.

Any ideas what I've done wrong? Thanks
Code: 
  document.getElementsByClassName('pause-game')[0].addEventListener('click', function () {
              document.body.classList.add('pause');
                
                isPaused = !isPaused;
                if (isPaused) this.innerHTML = "Resume";
                  
                else this.innerHTML = "Pause";
 })
 
This is the code I used recently to hide part of a form if the check box was set to no:-

Code: 
<script type="text/javascript">

function yesnoCheck() {
    if (document.getElementById('yesCheck').checked) {
        document.getElementById('ifYes').style.display = 'block';
    }
    else document.getElementById('ifYes').style.display = 'none';

}

<html>
<body>
<form>
        Do you have a job?:
        <input type="radio" name="d_job" value="N" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck" checked />
        No
        <input type="radio" name="d_job" value="Y" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck" />
        Yes <br />
        <div id="ifYes" style="display:none">Company:
          <input type="text" name="d_company" value="na"/>
          <br />
          Hours per week:
          <input type="number" name="d_hours" value="0"/>
        </div>
</form>
</body>
</html>

</script>
 
You must log in or register to reply here.
Back
Top Bottom