Can any 1 get this to work and tell me where I am going wrong ... kauz now im totally lost.
Thankz
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My Web Calculator</title>
<style type="text/css">
body
{
font-family: Arial;
}
div.table
{
font-weight: bold;
}
legend
{
color: #0000ff;
font-weight: bold;
font-size: xx-large;
}
</style>
<style type="text/javascript">
function gettheresult()
{
var FirstNumber = document.getElementById("firstnumber").value;
var SecondNumber = document.getElementById("secondnumber").value;
var Option = document.getElementById("pick").value;
}
</style>
</head>
<body>
<form>
<fieldset title="web calculator">
<legend>My Calculator</legend>
<div class="table">
<table>
<tr>
<td>First Number:</td>
<td><input type="text" size="10" name="first" id="firstnumber" /></td>
</tr>
<br />
<tr>
<td>Second Number:</td>
<td><input type="text" size="10" name="second" id="secondnumber" /></td>
</tr>
<br />
<tr>
<td>Result:</td>
<td><input type="text" size="10" name="result" id="resultofboth" /></td>
</tr>
<br />
<td>
<select id="pick">
<option value="+">ADD</option>
<option value="firstnumber-secondnumber">SUBTRACT</option>
<option value="firstnumber*secondnumber">MULTIPLY</option>
<option value="firstnumber/secondnumber">DIVIDE</option>
</select>
<input type="reset">
</td>
<td><button onclick="theresult">Calculate</button></td>
</table>
</div>
</fieldset>
</form>
</body>
</html>
