Can't call function with onclick attribute

Question

Why doesn't this work?

html :

<html>
 <head>
  <title>test</title>
 </head>
 <body>
  <button onclick="test21()">test</button>
 </body>
</html>

javascript:

function test21(){
    console.log("yey");
}

check if you included the js correctly plnkr.co/edit/Q0NnFQoWL5kEp2BsglrT?p=preview — Karim
– Karim, Commented Oct 14, 2016 at 16:17

Brandon · Accepted Answer · 2016-10-14 16:16:07Z

1

That works fine. Here's a JSBin to prove it.

http://jsbin.com/luxesazibi/edit?html,output

More than likely you haven't loaded your script in your HTML. Where are you putting your javascript?

answered Oct 14, 2016 at 16:16

Brandon

3,2563 gold badges30 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user7020195 · Accepted Answer · 2016-10-14 16:15:27Z

0

You can create a single function that calls both of those, and then use it in the event.

function myFunction(){
    pay();
    cls();
}

And then, for the button:

<input id="btn" type="button" value="click" onclick="myFunction();"/>

answered Oct 14, 2016 at 16:15

user7020195

Comments

prophet1906 · Accepted Answer · 2016-10-14 16:19:09Z

0

You have not included the script in html file.

<html>
 <head>
  <title>test</title>
   <script>
     function test21(){
      console.log("yey");
      }
   </script>
 </head>
 <body>
  <button onclick="test21()">test</button>
 </body>
</html>

Above code snippet will run fine.
Use inspector (ctrl+shift+I) to launch console and click on the button to get results.

answered Oct 14, 2016 at 16:19

prophet1906

1237 bronze badges

Collectives™ on Stack Overflow

Can't call function with onclick attribute

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related