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>
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.
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>
Have you tried this? You need to place JavaScript between script tags:
<script type="text/javascript">
function increase() { alert(" the button was pressed"); }
</script>
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>
