New Topic/Question
Reply
Here's my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Assignment 10: Stephanie Hussar</title>
<script language="javascript" type="text/javascript">
function validate() {
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
if (a == " " || b == " ") {
alert("Error! Please enter a number in both operand text fields.");
return 0;
} else if (isNaN(a) || isNaN(B)/>) {
alert("Error! Please enter numerics only in the operand text fields!");
return 0;
}
else return;
}
function multiply(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a*b;
document.calculator.total.value=c;
}
function addition(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a+b;
document.calculator.total.value=c;
}
function subtraction(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a-b;
document.calculator.total.value=c;
}
function division(){
a=Number(document.calculator.number1.value);
b=Number(document.calculator.number2.value);
c=a/b;
if (0 == B)/> {
alert("Error! Division by Zero is not allowed.");
return 0;
}
else return document.calculator.total.value=c;
}
</script>
</head>
<body>
<script type="text/javascript">
var today = new Date();
document.write("<h1><center> Stephanie's Javascript Calculator </h1></center>");
document.write("<h5><center>" + today.toLocaleString() +"</h5></center>");
</script>
<form name="calculator">
<center>
<table width="750" border="2" cellpadding="20">
<tr>
<td>Operand A</td>
<td><input type="text" name="number1"></td>
<td>Operand B</td>
<td><input type="text" name="number2"></td>
</tr>
<tr>
<td>Add<input type="checkbox" value="ADD" id="add" name="add" onclick="javascript:addition();validate();" /></td>
<td>Subtract<input type="checkbox" value="SUB" id="subtract" name="subtract" onclick="javascript:subtraction();validate();" /></td>
<td>Multiply<input type="checkbox" value="MUL" id="multiply" name="multiply" onclick="javascript:multiply();validate();" /></td>
<td>Divide<input type="checkbox" value="DIV" id="divide" name="divide" onclick="javascript:division();validate();" /></td>
</tr>
<tr>
<td>Total:</td>
<td><input type="text" name="total"></td>
<td></td>
<td></td>
</tr>
</table>
</center>
<center><input type="reset" id="Clear" name="Clear"></center>
</form>
</body>
</html>
MultiQuote
| 