JavaScript - document getElementByID with onClick

Question

I m trying to code a simple game in an HTML document just for fun  In it  there is an image which adds to your score when clicked  I created a simple if statement within the score-adding function which should change the image and what its onClick value is    if  foo    1        document getElementById  quot test quot   src    quot images test2 png quot       document getElementById  quot test quot   onClick    quot foo2   quot         but it doesn t work  The image will be successfully changed  but the actual onClick remains the same  Checking the console  it throws no errors  either

User · Accepted Answer

The onclick property is all lower-case  and accepts a function  not a string   document getElementById  test   onclick   foo2    See also addEventListener

User · Answer

Sometimes JavaScript is not activated  Try something like    lt  DOCTYPE html gt   lt html gt     lt head gt        lt script type  text javascript  gt   lt  --       function jActivator             document getElementById  demo   onclick   function    myFunction             document getElementById  demo1   addEventListener  click   myFunction                   function myFunction  s             document getElementById  myresult   innerHTML   s                   -- gt   lt  script gt       lt noscript gt JavaScript deactivated  lt  noscript gt       lt style type  text css  gt       lt  style gt     lt  head gt     lt body onload  jActivator    gt       lt ul gt         lt li id  demo  gt Click me - amp gt  onclick  lt  li gt         lt li id  demo1  gt Click me - amp gt  click event  lt  li gt         lt li onclick  myFunction  YOU CLICKED ME     gt Click me calling function  lt  li gt       lt  ul gt       lt div id  myresult  gt  amp nbsp  lt  div gt     lt  body gt   lt  html gt    If you use the code inside a page  where no access to  is possible  remove  and  tags and try to use  onload     in a picture inside the image tag

User · Answer

Perhaps you might want to use  addEventListener   document getElementById  test   addEventListener  click  function          foo2                Hope it s still useful for you

User · Answer

window onload   prepareButton   function prepareButton         document getElementById  foo   onclick   function               alert  you clicked me             lt input id  foo  value  Click Me   type  button    gt

User · Answer

In JavaScript functions are objects   document getElementById  foo   onclick   function        prompt  Hello world

[javascript] JavaScript - document.getElementByID with onClick

Examples related to javascript

Examples related to html

Examples related to onclick