how can you show a variable change?

You can’t have Javascript just floating in an HTML file, as your browser won’t know what to do with it. All Javascript should either be enclosed by <script> tags or in an external file and referenced with a <link> tag.

Correct me if I’m wrong, but as I understand it, you want the “To do now.” to change to 5.

If so then you don’t need your do variable. You would just change your onclick attribute value as follows:

<button type="button" onclick='document.getElementById("demo").innerHTML = "5"'>Click Here!</button>

Alternatively, if you wanted to have the text to change to 5 using a Javascript variable, you would open a script tag and insert a function to do so like this:

<script type="text/javascript">
  function changeText() {
    var doo = 5;
    document.getElementById('demo').innerHTML = doo;
  }
</script>

<p id="demo">To do now.</p>

<button type="button" onclick="changeText()">Click Here!</button>

I’m not too sure why you want to do this but I gave you this option anyway incase you did.

As you can see, I changed the do variable that you used to doo as you can’t use the first version as a variable name. This is due to the fact that we use do as a keyword for loops. Check out w3’s page on do/while loops here.

If you say you’re new to programming then I thoroughly recommend using w3 schools HTML, CSS, and Javascript tutorials as once completed, you should have a much better understanding about how Javascript interfaces with HTML.

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top