Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!--Etiqueda para conexion con el archivo CSS-->
- <title>Calculadora</title>
- <link rel="stylesheet" href="style.css">
- </head>
- <!-- El atributo onload nos permite ejecutar una funcion de JavaScript
- al inciar la etiqueta -->
- <body onload="miFuncion()">
- <!-- Creamos una tabla asociada a la clase "calculadora"-->
- <table class="calculadora">
- <tr>
- <!-- El atributo colspan nos permite unir celdas
- de manera horizontal de acuerdo al valor igualado-->
- <!-- La etiqueta span nos permite crear un contenedor
- al cual le asignamos el id de ""resultado-->
- <td colspan="4"><span id="resultado"></span></td>
- </tr>
- <tr>
- <!-- En la segunda fila de nuestra tabla creamos
- cuatro celdas, ubicando un botton en cada una con id
- referente al dato del boton-->
- <td><button id="siete">7</button></td>
- <td><button id="ocho">8</button></td>
- <td><button id="nueve">9</button></td>
- <td><button id="division">/</button></td>
- </tr>
- <tr>
- <!-- En la tercera fila de nuestra tabla creamos
- cuatro celdas, ubicando un botton en cada una con id
- referente al dato del boton-->
- <td><button id="cuatro">4</button></td>
- <td><button id="cinco">5</button></td>
- <td><button id="seis">6</button></td>
- <td><button id="multiplicacion">*</button></td>
- </tr>
- <tr>
- <!-- En la cuarta fila de nuestra tabla creamos
- cuatro celdas, ubicando un botton en cada una con id
- referente al dato del boton-->
- <td><button id="uno">1</button></td>
- <td><button id="dos">2</button></td>
- <td><button id="tres">3</button></td>
- <td><button id="resta">-</button></td>
- </tr>
- <tr>
- <!-- En la quinta fila de nuestra tabla creamos
- cuatro celdas, ubicando un botton en cada una con id
- referente al dato del boton-->
- <td><button id="igual">=</button></td>
- <td><button id="cero">0</button></td>
- <td><button id="borrar">c</button></td>
- <td><button id="suma">+</button></td>
- </tr>
- </table>
- <!-- eqiqueta con atributo para ejecutar las funciones de docuemnto
- JavaSrcipt-->
- <script src="main.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement