Calculadora
<!--Calculadora----------------------------------------------->
<div style="text-align: center;">Pantalla de Calculadora
<br /><div id="pantalla"></div><br />
</div>
<div><br /><br /><br /></div>
<table border="1" cellpadding="0" cellspacing="0">
<tbody face="georgia" size="1" style="height: 5pt; text-align: center;" valign="top">
<tr>
<td><button onclick="document.getElementById('pantalla').innerHTML += '7'; ">7</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '8'; ">8</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '9'; ">9</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '+'; ">+</button></td>
</tr>
<tr>
<td><button onclick="document.getElementById('pantalla').innerHTML += '4'; ">4</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '5'; ">5</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '6'; ">6</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '-'; ">-</button></td>
</tr>
<tr>
<td><button onclick="document.getElementById('pantalla').innerHTML += '1'; ">1</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '2'; ">2</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '3'; ">3</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '*'; ">*</button></td>
</tr>
<tr>
<td><button onclick="document.getElementById('pantalla').innerHTML += '0'; ">0</button></td>
<td><button onclick="document.getElementById('pantalla').innerHTML += '.'; ">.</button></td>
<td><button onclick="Alfonso()">=</button></td><td>
<button onclick="document.getElementById('pantalla').innerHTML += '/'; ">/</button></td>
</tr>
</tbody>
</table>
<!----------------------------boton clear -------------------->
<div><br /></div>
<button onclick="document.getElementById('pantalla').innerHTML = '';">AC</button>
<div><br /></div>
<hr background-color:="black" color="Blue" size="1px" />
<div><br /></div>
<!-------------------------java script---------------------------->
<script>
function Alfonso() {
var resultado= pantalla.textContent
document.getElementById("pantalla").innerHTML =eval(resultado); }
</script>
El mecanismo de activación de la calculadora esta basado en un boton que activa una función por medio del evento <button onclick="Alfonso()">=</button>
function Alfonso() {
var resultado= pantalla.textContent
document.getElementById("pantalla").innerHTML =eval(resultado); }
La función extrae la operación matematica que se encuentra como texto dentro de la etiqueta
<div id="pantalla"></div>
luego evalúa el resultado eval(resultado); y lo introduce de nuevo en la etiqueta pantalla
document.getElementById("pantalla").innerHTML =eval(resultado)