Você está na página 1de 4

Actividad No.

4 Calculadora con JavaScript


1. Crearemos una carpeta con el nombre de Calculadora con JavaScript y dentro de ella dos
ms llamadas css y js
2. Abriremos un editor de html y crearemos un archivo llamado index.html el cual
guardaremos dentro de la carpeta Calculadora con JavaScript
3. Crearemos un segundo archivo llamado estilo.css el cual guardaremos dentro de la
carpeta css
4. Crearemos un tercer archivo llamado codigo.css el cual guardaremos dentro de la carpeta
js
5. Abriremos el archivo index.html y crearemos la estructura global de html5 Tal como
muestra la ilustracin

6. Una vez creada nuestra estructura comenzaremos a crear la estructura de la calculadora


(en este momento solo incluir caja de resultado, 2 nmeros, botn de suma y botn de
igual) tal como muestra la ilustracin

7. El resultado de ejecutar la pgina es el que muestra la ilustracin

8. Abriremos nuestro archivo estilo.css y agregaremos las siguientes clases tal como muestra
la ilustracin

9. Abriremos nuestro index.html y realizaremos las modificaciones tal como muestra la


ilustracin

10. El resultado final de nuestro proyecto es el que muestra la ilustracin

11. Realizaremos las siguientes modificaciones


12. Cuando nuestra pgina sea ejecutada deber enviar un mensaje que diga: Bienvenido a
mi calculadora mediante cdigo JavaScript, este cdigo lo deberemos agregar en el
archivo cdigo.js (2%) la ilustracin muestra el ejemplo:

13. La calculadora deber mostrar la siguiente apariencia (8%) tal como muestra la ilustracion

14. Enviar sitio en carpeta comprimida en zip

Valor: 10%