como hacer una calculadora tengo un codigo .. hola espero y me ayuden tengo que hacer una calculadora en html. javaScript
lo que pasa es que no se como hacer para que me realice las funciones basicas de sumar restar multiplicar y dividir y es estado batallando algo como soy nuevo en esto del html.. mm tengo este codigo
<style type="text/css">
<!--
.Estilo1 {color: #000066}
-->
</style>
<form name="form1" method="post" action="">
<table width="278" height="199" border="2" bordercolor="#000000">
<tr bordercolor="#999999">
<td colspan="6"> <div align="right">
<input name="Resultado" type="text" id="Resultado" size="45">
</div></td>
</tr>
<tr bordercolor="#0000FF">
<td colspan="2"><div align="center" class="Estilo1"></div>
<div align="center" class="Estilo1">
<input type="button" name="Submit" value="Retroceso">
</div></td>
<td colspan="2"><div align="center" class="Estilo1"></div> <div align="center" class="Estilo1">
<input type="button" name="Submit2" value="CE">
</div></td>
<td colspan="2"><div align="center" class="Estilo1"></div> <div align="center" class="Estilo1">
<input type="button" name="Submit3" value="C" onClick="document.form1.Resultado.value=' '">
</div></td>
</tr>
<tr bordercolor="#0000FF">
<td width="42">
<div align="right" class="Estilo1">
<input type="submit" name="Submit4" value="MC">
</div></td>
<td width="38">
<div align="right" class="Estilo1">
<input type="button" name="Submit8" value=" 7 " onClick="document.form1.Resultado.value+='7'">
</div></td>
<td width="47">
<div align="center" class="Estilo1">
<input type="button" name="Submit9" value=" 8 " onClick="document.form1.Resultado.value+='8'">
</div></td>
<td width="38">
<div align="center" class="Estilo1">
<input type="button" name="Submit10" value=" 9 " onClick="document.form1.Resultado.value+='9'">
</div></td>
<td width="31">
<div align="right" class="Estilo1">
<input name="txtdiv" type="submit" id="txtdiv" value=" /" onClick="operacion('/')">
</div></td>
<td width="57">
<div align="right" class="Estilo1">
<input type="button" name="Submit12" value="sqrt">
</div></td>
</tr>
<tr bordercolor="#0000FF">
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit5" value="MR">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit13" value=" 4 " onClick="document.form1.Resultado.value+='4'">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit14" value=" 5 " onClick="document.form1.Resultado.value+='5'">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit15" value=" 6 " onClick="document.form1.Resultado.value+='6'">
</div></td>
<td>
<div align="center" class="Estilo1">
<input name="txtmul" type="submit" id="txtmul" value="*" onClick="operacion('*')">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit17" value="%" id="porciento" onClick="operacion('%')">
</div></td>
</tr>
<tr bordercolor="#0000FF">
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit6" value="MS">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit18" value=" 1 " onClick="document.form1.Resultado.value+='1'">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit19" value=" 2 " onClick="document.form1.Resultado.value+='2'">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit20" value=" 3 " onClick="document.form1.Resultado.value+='3'">
</div></td>
<td>
<div align="center" class="Estilo1">
<input name="txtres" type="submit" id="txtres" value="-" onClick="operacion('-')">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit22" value="1/x">
</div></td>
</tr>
<tr bordercolor="#0000FF">
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit7" value="M+">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit23" value=" 0 " onClick="document.form1.Resultado.value+='0'">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit24" value="+/-">
</div></td>
<td>
<div align="center" class="Estilo1">
<input type="button" name="Submit25" value="." onClick="document.form1.Resultado.value+='.'">
</div></td>
<td>
<div align="center" class="Estilo1">
<input name="txtsum" type="submit" id="txtsum" value="+" onClick="document.form1.operacion('+')">
</div></td>
<td>
<div align="center" class="Estilo1">
<input name="txtigual" type="submit" id="txtigual" value="=" onClick="operacion('=')">
</div></td>
</tr>
</table>
</form>
<script>
function operacion(Tipo){
var final;
var opefinal;
if(opefinal=='+'){
final+=document.form1.Resultado.value;
}
else if(opefinal=='-'){
final+=document.form1.Resultado.value;
}
else if(opefinal=='*'){
final+=document.form1.Resultado.value;
}
else if(opefinal=='/'){
final+=document.form1.Resultado.value;
}
else if(opefinal=='='){
final+=document.form1.Resultado.value;
</script>
NOTA el programa donde lo hago es el dreamweaver mx 2004 espero y me ayuden
