Why is nothing logged?

Question

I tried to make it so that a string gets logged in the console every time I click on a button. However, nothing is logged. Why so?

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript">
  function log_a_string_plz() {
    console.log("some string i want logged");
  }
  document.onload = function() {
    document.getElementById("my_wonderful_button").onclick = log_a_string_plz;
  }
  </script>
  <title>logging a string test</title>
</head>
<body>
  <button id="my_wonderful_button">log a string!</button>
</body>
</html>

I've tried changing event handlers to no avail.

Forget about using various `onload` events, and just move your script to the bottom of the `body` element. — , May 29 '13 at 21:00

score 1 · Accepted Answer · answered May 29 '13 at 20:55

1

Try:

window.onload = function () { 
    document.getElementById("my_wonderful_button").onclick = log_a_string_plz;
}

jsFiddle example

answered May 29 '13 at 20:55

j08691

204,283
31
260
272

wait why? document.onload is triggered after the DOM is loaded, right? – dangerChihuahua007 May 29 '13 at 20:57
See http://stackoverflow.com/questions/588040/window-onload-vs-document-onload for an explanation of the differences. – j08691 May 29 '13 at 20:57

Why is nothing logged?

1 Answers1