CODEWITHSUNDEEP
javascripthtmlonclick
Ioan Andrei
Ioan Andrei

Reputation: 103

Show div on click

I'm trying to make a div appear and disappear using javascript, but it's not working.I've included the javascript file(where the function is),but I don't understand why it's not working.

When I press the button, nothing happens.

HTML code:

<script type="text/javascript" src="show_on_click.js"></script>

<div id="myDiv" style="display:none" class="answer_list">Button Test</div>
<input type="button" name="answer" onclick="ShowDiv()" value="Test"/>

JavaScript code:

function ShowDiv(){
    document.getElementById("myDiv").style.display = 'block';
}

Upvotes: 0

Views: 95

Answers (2)

claudioscheer
claudioscheer

Reputation: 54

Another problem will be: you are only set display to block, not to none again.

Try this:

function ShowDiv() {
    var element = document.getElementById("myDiv");
    if (element.style.display === 'none') {
        element.style.display = 'block';
    } else {
        element.style.display = 'none';
    }
}

Upvotes: 1

Turar Abu
Turar Abu

Reputation: 368

Try this:

<div id="myDiv" style="display:none" class="answer_list">Button Test</div>
<input type="button" name="answer" onclick="ShowDiv()" value="Test"/>

<script>
  function ShowDiv(){
    document.getElementById("myDiv").style.display = 'block';
  }
</script>


There are one or both of two errors:

  • your src path for script is wrong
  • somewhere you redefine function for button

Upvotes: 2

Related Questions