I'm stumped, I can't seem to get this simple Javascript function to get called. Thanks!
<html>
<head>
<script type="text/javascript">
function increase()
{
alert(" the button was pressed");
}
</script>
</head>
<body>
<form action="Test.html" method="post">
<input type="submit" onclick="increase();" />
</form>
</body>
</html>
Dan Lew
87.8k33 gold badges184 silver badges177 bronze badges
asked May 8, 2009 at 23:47
Server_Mule
5873 gold badges9 silver badges18 bronze badges
-
Well, you're not calling it anywhere we can see. That would explain the problem.Chuck– Chuck2009年05月08日 23:59:25 +00:00Commented May 8, 2009 at 23:59
5 Answers 5
It is hard to tell where you are going wrong. It looks like you are just defining a function. This will case the increase function to run when the page is loaded:
<script type="text/javascript">
function increase() {
alert(" the button was pressed");
}
increase();
</script>
This will run the function when a button is pressed.
<script type="text/javascript">
function increase() {
alert(" the button was pressed");
}
</script>
<button onclick="increase()">text</button>
It sounds like you are just getting started, and that is awesome. I would also suggest getting a book. A few years ago, I read DOM Scripting by Jeremy Keith, it was okay. Also, try looking around online for tutorials.
answered May 9, 2009 at 0:09
Buddy
6,7231 gold badge23 silver badges16 bronze badges
Sign up to request clarification or add additional context in comments.
2 Comments
Server_Mule
does the button have to be in a Form tag? if so, how should it look, Thanks
Anthony
Nope - doesn't have to be a part of a form.
Try this:
<input type="button" id="buttonId">Button</input>
<script language="javascript">
function increase() { alert(" the button was pressed"); }
document.getElementById("buttonId").onClick=increase;
</script>
answered May 8, 2009 at 23:59
Spike Williams
37.7k13 gold badges51 silver badges61 bronze badges
Comments
Have you tried this? You need to place JavaScript between script tags:
<script type="text/javascript">
function increase() { alert(" the button was pressed"); }
</script>
answered May 8, 2009 at 23:49
Praveen Angyan
7,27531 silver badges35 bronze badges
Comments
answered May 8, 2009 at 23:54
eKek0
23.4k26 gold badges94 silver badges121 bronze badges
1 Comment
eKek0
you're welcome. Read this too stackoverflow.com/questions/44664/is-reputation-important
in your code the form submits as you click the button.
what you will have to do is return false; so that the form doesnt submit..
<form action="#" method="POST">
<input type="submit" onclick="return false; increase();">
</form>
Comments
lang-js