|
<html>
<head>
<title>JavaScript
Example 1</title>
<script
language="JavaScript">
<!--
function addit() {
val1 = document.ADDUP.add1.value;
val2 = document.ADDUP.add2.value;
document.ADDUP.sum.value = eval(val1) +
eval(val2);
}
function clearfields() {
document.ADDUP.add1.value = "0";
document.ADDUP.add2.value = "0";
document.ADDUP.sum.value = "0";
}
-->
</script>
</head>
<body>
<form
NAME="ADDUP">
<p>First number: <select
name="add1"
size="1" onChange="addit();">
<option selected value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select><br>
Second number: <select
name="add2"
size="1" onChange=”addit();”>
<option selected value="7">Seven</option>
<option value="8">Eight</option>
<option value="9">Nine</option>
</select><br>
Answer: <input name="sum"
size="20"><br>
<input type="button" value="Add
them up" onClick="addit();">
<input type="button" value="Reset" onClick="clearfields();">
</p>
</form>
</body>
</html>
|