Advertisement
tdrobotica

index

Dec 7th, 2023
713
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.65 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.     <!--Etiqueda para conexion con el archivo CSS-->
  4.     <title>Calculadora</title>
  5.     <link rel="stylesheet" href="style.css">
  6. </head>
  7. <!-- El atributo onload nos permite ejecutar una funcion de JavaScript
  8. al inciar la etiqueta -->
  9. <body onload="miFuncion()">
  10.         <!-- Creamos una tabla asociada a la clase "calculadora"-->
  11.         <table class="calculadora">
  12.             <tr>
  13.                 <!-- El atributo colspan nos permite unir celdas
  14.                de manera horizontal de acuerdo al valor igualado-->
  15.                 <!-- La etiqueta span nos permite crear un contenedor
  16.                 al cual le asignamos el id de ""resultado-->
  17.                 <td colspan="4"><span id="resultado"></span></td>
  18.             </tr>
  19.             <tr>
  20.                 <!-- En la segunda fila de nuestra tabla creamos
  21.                cuatro celdas, ubicando un botton en cada una con id
  22.                referente al dato del boton-->
  23.                 <td><button id="siete">7</button></td>
  24.                 <td><button id="ocho">8</button></td>
  25.                 <td><button id="nueve">9</button></td>
  26.                 <td><button id="division">/</button></td>
  27.             </tr>
  28.             <tr>
  29.                 <!-- En la tercera fila de nuestra tabla creamos
  30.                cuatro celdas, ubicando un botton en cada una con id
  31.                referente al dato del boton-->
  32.                 <td><button id="cuatro">4</button></td>
  33.                 <td><button id="cinco">5</button></td>
  34.                 <td><button id="seis">6</button></td>
  35.                 <td><button id="multiplicacion">*</button></td>
  36.             </tr>
  37.             <tr>
  38.                 <!-- En la cuarta fila de nuestra tabla creamos
  39.                cuatro celdas, ubicando un botton en cada una con id
  40.                referente al dato del boton-->
  41.                 <td><button id="uno">1</button></td>
  42.                 <td><button id="dos">2</button></td>
  43.                 <td><button id="tres">3</button></td>
  44.                 <td><button id="resta">-</button></td>
  45.             </tr>
  46.             <tr>
  47.                 <!-- En la quinta fila de nuestra tabla creamos
  48.                cuatro celdas, ubicando un botton en cada una con id
  49.                referente al dato del boton-->
  50.                 <td><button id="igual">=</button></td>
  51.                 <td><button id="cero">0</button></td>
  52.                 <td><button id="borrar">c</button></td>
  53.                 <td><button id="suma">+</button></td>
  54.             </tr>
  55.     </table>
  56.     <!-- eqiqueta con atributo para ejecutar las funciones de docuemnto
  57.    JavaSrcipt-->
  58.     <script src="main.js"></script>
  59. </body>
  60. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement