CODEWITHSUNDEEP
javascripthtmlcss
zJqson
zJqson

Reputation: 31

How do I clear on button click

display = document.getElementById('outputDiv');
display.innerHTML = 'Your Number Is: ';

function clear() {
  document.getElementById("outputDiv").innerHTML = "";
}
<input type="button" value="Calculate" onclick="calculator()">

<input type="reset" value="Clear" onclick="clear()">

<div id="outputDiv"></div>

On the reset button clicked, I would like to erase display.innerHTML='Your Number Is: ' + total;

Upvotes: 0

Views: 2501

Answers (1)

Mamun
Mamun

Reputation: 68943

Do not use clear as your function name, because due to the inline event listeners' scope, it confuses with the deprecated Document.clear().

Try some other name:

<input type="reset" value="Clear" onclick = "clearValue()">

<div id="outputDiv"></div>
<script>

  var display = document.getElementById('outputDiv');
  var total = 500;
  display.innerHTML='Your Number Is: ' + total;

  function clearValue() {
    display.innerHTML = "";
  }
</script>

More: Is “clear” a reserved word in Javascript?

Upvotes: 8

Related Questions