Scribd
Cargar
17 vistas18 páginas

Colorea Con JavaScript

El documento proporciona una guía para comenzar a programar en JavaScript, incluyendo la creación de archivos HTML y CSS. Se explican conceptos básicos de JavaScript, como su naturaleza interpretada y sensible a mayúsculas, así como la creación de funciones y la manipulación de estilos. Además, se anima a los usuarios a crear botones que cambien el color del texto y el fondo en una página web.

Cargado por

Rose Loiz
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
17 vistas18 páginas

Colorea Con JavaScript

El documento proporciona una guía para comenzar a programar en JavaScript, incluyendo la creación de archivos HTML y CSS. Se explican conceptos básicos de JavaScript, como su naturaleza interpretada y sensible a mayúsculas, así como la creación de funciones y la manipulación de estilos. Además, se anima a los usuarios a crear botones que cambien el color del texto y el fondo en una página web.

Cargado por

Rose Loiz
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Colorea con JavaScript

Antes de empezar…

+0==

+2=“

<=< Alt Gr + ´= {
+ >=> Alt Gr + ç = }
Etiquetas y atributos
Creamos archivos si son necesarios

Con el bloc de Notas crea un documento y guárdalo como [Link]

Repite el proceso y crea un [Link]


Qué es JavaScript?

● Lenguaje de alto nivel


cercano al idioma humano
Más
[Link]
● Lenguaje interpretado
● El más usado en WEB y
Mobile WEB/Apps Porque es
interpretado

● Case Sensitive Su extensión.


Crea un título dentro de <body>
Primeras líneas con CSS
Primeras líneas con CSS
Creamos un <button>
Añadimos un atributo al <h1>
NOTA: El botón existe pero no funciona

Con esto le añadimos una


función :)
La función NO existe

Primero debemos crear el documento JS


en la misma carpeta

[Link]

por ejemplo, con el


Bloc de Notas
Enlazamos el JS y HTML
Editamos el JS

LET es la palabra clave de variables

Guardamos datos en la variable


Tu primera función:

Las funciones siempre tienen esta


forma

NOTA: La función sólo existe a


partir de aquí!!
Tu primera función: Que hará?

Accede al estilo y cambia la propiedad Color


Te toca a ti!!!

● Crea más botones


● Uno debe cambiar el color de texto
● Otro debe cambiar el background-color

- Puedes hacer más botones y más textos


¡GRACIAS! JUNT@S ROMPEMOS

También podría gustarte