CALCULADORA BASICA
CODIGO:
<!DOCTYPE html>
<html>
<head>
<title>CALCULADORA DOM</title>
<script type="text/JavaScript">
function sumar(){
var numero1=new Number(document.getElementById('suma1').value);
var numero2=new Number(document.getElementById('suma2').value);
resultado= numero1 + numero2;
document.getElementById('calcularSum').value=resultado;
}
function resto(){
var numero3=new Number(document.getElementById('resto1').value);
var numero4=new Number(document.getElementById('resto2').value);
resultado= numero3 - numero4;
document.getElementById('calcularRes').value=resultado;
}
function multiplo(){
var numero5=new Number(document.getElementById('mult1').value);
var numero6=new Number(document.getElementById('mult2').value);
resultado= numero5 * numero6;
document.getElementById('calcularMult').value=resultado;
}
function divisor(){
var numero7=new Number(document.getElementById('div1').value);
var numero8=new Number(document.getElementById('div2').value);
resultado= numero7 / numero8;
document.getElementById('calcularDiv').value=resultado;
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>
<input Type="Text" name="N1suma" id="suma1" />
</td>
<td>
<input Type="button" name="bsumar" value="+" onclick="sumar();" />
</td>
<td>
<input Type="Text" name="N2suma" id="suma2" />
</td>
<td>=</td>
<td>
<input Type="Text" name="resultado" id="calcularSum" />
</td>
</tr>
<tr>
<td>
<input Type="Text" name="N3resto" id="resto1" />
</td>
<td>
<input Type="button" name="bresto" value="-" onclick="resto();" />
</td>
<td>
<input Type="Text" name="N4resto" id="resto2" />
</td>
<td>=</td>
<td>
<input Type="Text" name="resultado" id="calcularRes" />
</td>
</tr>
<tr>
<td>
<input Type="Text" name="N5mult" id="mult1" />
</td>
<td>
<input Type="button" name="bmult" value="*" onclick="multiplo();" />
</td>
<td>
<input Type="Text" name="N6mult" id="mult2" />
</td>
<td>=</td>
<td>
<input Type="Text" name="resultado" id="calcularMult" />
</td>
</tr>
<tr>
<td>
<input Type="Text" name="N7div" id="div1" />
</td>
<td>
<input Type="button" name="bdiv" value="/" onclick="divisor();" />
</td>
<td>
<input Type="Text" name="N8div" id="div2" />
</td>
<td>=</td>
<td>
<input Type="Text" name="resultado" id="calcularDiv" />
</td>
</tr>
</table>
</body>
</html>
CODIGO:
<!DOCTYPE html>
<html>
<head>
<title>CALCULADORA DOM</title>
<script type="text/JavaScript">
function sumar(){
var numero1=new Number(document.getElementById('suma1').value);
var numero2=new Number(document.getElementById('suma2').value);
resultado= numero1 + numero2;
document.getElementById('calcularSum').value=resultado;
}
function resto(){
var numero3=new Number(document.getElementById('resto1').value);
var numero4=new Number(document.getElementById('resto2').value);
resultado= numero3 - numero4;
document.getElementById('calcularRes').value=resultado;
}
function multiplo(){
var numero5=new Number(document.getElementById('mult1').value);
var numero6=new Number(document.getElementById('mult2').value);
resultado= numero5 * numero6;
document.getElementById('calcularMult').value=resultado;
}
function divisor(){
var numero7=new Number(document.getElementById('div1').value);
var numero8=new Number(document.getElementById('div2').value);
resultado= numero7 / numero8;
document.getElementById('calcularDiv').value=resultado;
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>
<input Type="Text" name="N1suma" id="suma1" />
</td>
<td>
<input Type="button" name="bsumar" value="+" onclick="sumar();" />
</td>
<td>
<input Type="Text" name="N2suma" id="suma2" />
</td>
<td>=</td>
<td>
<input Type="Text" name="resultado" id="calcularSum" />
</td>
</tr>
<tr>
<td>
<input Type="Text" name="N3resto" id="resto1" />
</td>
<td>
<input Type="button" name="bresto" value="-" onclick="resto();" />
</td>
<td>
<input Type="Text" name="N4resto" id="resto2" />
</td>
<td>=</td>
<td>
<input Type="Text" name="resultado" id="calcularRes" />
</td>
</tr>
<tr>
<td>
<input Type="Text" name="N5mult" id="mult1" />
</td>
<td>
<input Type="button" name="bmult" value="*" onclick="multiplo();" />
</td>
<td>
<input Type="Text" name="N6mult" id="mult2" />
</td>
<td>=</td>
<td>
<input Type="Text" name="resultado" id="calcularMult" />
</td>
</tr>
<tr>
<td>
<input Type="Text" name="N7div" id="div1" />
</td>
<td>
<input Type="button" name="bdiv" value="/" onclick="divisor();" />
</td>
<td>
<input Type="Text" name="N8div" id="div2" />
</td>
<td>=</td>
<td>
<input Type="Text" name="resultado" id="calcularDiv" />
</td>
</tr>
</table>
</body>
</html>