Javascript Alert Function not working

Question

I have attempted to produce Javascript Alert functions for my website so that they would pop up,however for some unidentified reason-they do not work.I have tested my code with W3C Validator,which resulted in 3 warnings,one of which said I had missed a body tag,yet I do not see any error within my code.Please assist?

<!DOCTYPE html>
<html>
<body>

<p>Click the button.</p>

<button onclick="myFunction()">Example 1 Answer</button>
<br>
<button onclick="2">Example 2 Answer</button><br>
<button onclick="3">Example 3 Answer</button><br>
<button onclick="4">Example 4 Answer</button>

<script>
function myFunction() {
  alert("10/63");
}
function 2() {
  alert("13/10");
}
function 3() {
  alert("37/30");
}function 4() {
  alert("4/21");
}
</script>

</body>
</html>

Hmmm,...still not working-as always,only the first fraction,10/63 is working. — DarkRunner
– DarkRunner, Commented Aug 9, 2014 at 10:17

isherwood · Accepted Answer · 2022-05-03 18:45:07Z

5

You cannot have just a number as a function name. Change it like following:

function myFunction() {
  alert("10/63");
}
function a2() {
  alert("13/10");
}
function a3() {
  alert("37/30");
}
function a4() {
  alert("4/21");
}

And the HTML should change like this:

<p>Click the button.</p>
<button onclick="myFunction()">Example 1 Answer</button>
<br>
<button onclick="a2()">Example 2 Answer</button>
<br>
<button onclick="a3()">Example 3 Answer</button>
<br>
<button onclick="a4()">Example 4 Answer</button>

Demo

edited May 3, 2022 at 18:45

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

answered Aug 9, 2014 at 10:11

Chamika Sandamal

24.4k5 gold badges68 silver badges88 bronze badges

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

2 Comments

DarkRunner Over a year ago

It does work,but then again-only the first button works-10/63.The rest are static.

DarkRunner Over a year ago

Yup-I did,however someone already answered my question.Thanks,though!

Ajinkya · Accepted Answer · 2014-08-09 10:14:41Z

1

Function names can't begin with digits. If you copy paste your following function in the console you will get unexpected number reference.

function 2() { alert("4/10"); }

answered Aug 9, 2014 at 10:14

Ajinkya

8362 gold badges10 silver badges16 bronze badges

Comments

ion · Accepted Answer · 2021-07-17 11:49:43Z

0

Use for old browsers:

       <script language="text/javascript">

Function names can not start with numbers, fix that also.

Edit:

For HTML4

       <script type="text/javascript">

For HTML5

       <script>

edited Jul 17, 2021 at 11:49

answered Aug 9, 2014 at 10:07

ion

5407 silver badges20 bronze badges

Comments

Pavan Kate · Accepted Answer · 2014-08-09 10:19:14Z

0

http://jsfiddle.net/c1pcc4xv/

 <form action="">
     <input type="button" id="myButton" value="Add"/>
</form> 
//script
var myBtn = document.getElementById('myButton');
myBtn.addEventListener('click', function(event) {
alert("yo");
});

make your code simple, and avoid function names starting with number....Hope it helps

answered Aug 9, 2014 at 10:19

Pavan Kate

921 silver badge9 bronze badges

1 Comment

DarkRunner Over a year ago

Perhaps,perhaps.however,I need multiple buttons.

tallrye · Accepted Answer · 2014-08-09 10:21:37Z

0

Here is a JS Fiddle

Yes, you can not use just numbers as a function names. And also, wrap it in the head tag, define your function before calling it in your html.

function myFunction() {
   alert("10/63");
}
function myFunction2() {
   alert("13/10");
}
function myFunction3() {
   alert("37/30");
}
function myFunction4() {
  alert("4/21");
}

answered Aug 9, 2014 at 10:21

tallrye

1811 silver badge9 bronze badges

2 Comments

DarkRunner Over a year ago

Thank You-It's appreciated.

tallrye Over a year ago

You're welcome. When you open my jsfiddle, please note that on the left panel, I've selected "No wrap -in <head>" option.

Collectives™ on Stack Overflow

Javascript Alert Function not working

5 Answers 5

2 Comments

Comments

Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related