La página cobra vida
Una página con HTML y CSS se ve bien, pero se queda quieta. No cuenta, no calcula y no responde.
Para que reaccione, necesita un programa pequeño dentro. Ese programa se llama script.
Hoy escribes tus primeras líneas. Ya sabes Java, así que muchas ideas te sonarán.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| JavaScript | El lenguaje que entiende todo navegador. Hace que la página reaccione. | let goals = 2; |
| Script | Un programa pequeño que va dentro de una página. | El panel js de tus prácticas |
| Consola | Una ventana donde un programa escribe mensajes para ti. | console.log("Hola") |
| Variable | Una caja con nombre que guarda un valor y se puede cambiar. | let balance = 20; |
| Constante | Una caja con nombre cuyo valor no cambia nunca. | const team = "Los Pinos"; |
| Comentario | Una nota para personas. El ordenador la ignora. Empieza con dos barras. | // esto es una nota |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Escribir en la consola
La consola es una ventana de texto. El programa escribe en ella lo que quiere contarte.
En el navegador se abre con la tecla F12. Aquí la tienes dentro de la lección.
Para escribir un mensaje usas console.log. El texto va entre comillas y la línea termina en punto y coma.
Pruébalo: dos mensajes
console.log('Hola, clase.');
console.log("Hoy aprendemos JavaScript.");
// Escribe aquí un tercer mensaje con tu nombre.
Guardar datos: let y const
En Java escribías el tipo antes del nombre, como int goals. En JavaScript no.
Usas let si el valor va a cambiar. Usas const si no va a cambiar nunca.
Una misma variable puede guardar un número y, más tarde, un texto. Pero hacerlo confunde: no lo hagas.
Pruébalo: goles y equipo
const team = 'Los Pinos';
let goals = 2;
console.log(team, goals);
// Tu equipo marca otro gol.
goals = goals + 1;
console.log(team, goals);
Una constante no se cambia
Advertencia
Si escribes team = 'El Olivar'; con una constante, el programa se para con un error. Es lo que quieres: te avisa de que cambiaste algo que no debía cambiar.
Repaso rápido: let y const
Inténtalo
Repaso rápido: let y const
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.
Ejemplo resuelto: el saldo del bar
| Línea | Qué pasa | Valor de balance |
|---|---|---|
| let balance = 20; | Cargas 20 euros en la tarjeta del bar | 20 |
| balance = balance + 10; | Recargas 10 euros más | 30 |
| balance = balance - 3; | Pagas un bocadillo de 3 euros | 27 |
| balance = balance - 2; | Pagas un zumo de 2 euros | 25 |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.