Reviews, News, and How To!
Why wont this Javascript calculator work?
I am learning Javascript and I was building a calculator for practice. But I cant seem to getit to work. Here is the code
Please help
<html>
<html>
<head>
<script type="text/javascript" language="javascript">
function Cac() {
var num1 = document.cac.num1.value;
var num2 = document.cac.num2.value;
var answer = document.cac.answer.value;
answer = num1*num2;
}
</script>
</head>
<body>
<form id="cac" name="cac" method="post">
<p>What is your first number?
<input name="num1" type="text" />
</p>
<p>What is your second number?
<input name="num2" type="text" />
</p>
<input name="answer" type="text" readonly="true" />
<input name="Submit" type="submit" onclick="Cac();" value="Submit" />
</form>
</body>
</html>
Please help
Views: 5
Replies to This Discussion
-
Permalink Reply by Alexander Tolkan on -
Please Answer.
-
Permalink Reply by Oliver on -
try adding return in the onclick statement like this: onclick=" return Cac();"
-
Permalink Reply by Dan501 on -
I know this is not Java, but you only need ONE <html> tag at the beginning.
-
Permalink Reply by Mark Hill on -
Two reasons:
1. Your "var answer" is not a reference to document.cac.answer.value, it's a copy of it. Simply do this instead:
function Cac() {
var num1 = document.cac.num1.value;
var num2 = document.cac.num2.value;
document.cac.answer.value = num1*num2;
}
2. Your button is a Submit button which tells the browser to post to the server, abandon the page, and load a new one using your parameters. That's not what you want at all--you simply want Javascript to execute on the current page. Simply change the type="submit" to type="button".
Here is the complete page as I think you intended it:
© 2012 Created by Chris Pirillo.
