Javascript onclick doesn't work

Question

This is a simple code, and it works in Chrome developer tool console, but when added onclick in html. It doesn't seem to work anymore.

Javascript:

function clear(){
  var display = document.getElementsByClassName("display")[0].
                getElementsByTagName("SPAN")[0];
  $(display)[0].innerHTML ="0";
}

HTML:

  <div class="clear-btn">
        <span> C </span>
      </div>

sorry, left that out. Can't seem to add the updated code in html format. — blackmamba24, Dec 14 '17 at 04:21
Define "doesn't work". What errors do you get? What's `$`? Are you using jQuery or some other library? — j08691, Dec 14 '17 at 04:24
@j08691. the innerHTML doesn't get changed with the code. Whereas if I add the function in chrome console, and then execute clear();. It works fine. — blackmamba24, Dec 14 '17 at 04:26

score -1 · Answer 1 · answered Dec 14 '17 at 04:21

-1

you fogot to add a trigger, to an element: <span onClick="clear()">your text</span>

Or you can add eventListener

answered Dec 14 '17 at 04:21

Arturas Lapinskas

336
2
14

Thanks very much, guys. The problem is that I used 'clear', which is reserved keyword. Much appreciated. – blackmamba24 Dec 14 '17 at 04:32

Javascript onclick doesn't work

1 Answers1