Per començar amb JavaScript, et proposo algunes pràctiques que t'ajudaran a familiaritzar-te amb els conceptes bàsics de manera progressiva:
Objectiu: Entendre com mostrar informació a la consola del navegador.
Pràctica: Escriu les següents ordres en el body del teu arxiu html i observa què succeeix:
<script>
alert("Hola, món!");
alert (10 + 5);
alert ("El resultat és: " + (8 * 2));
</script>
Exploració: Prova de mostrar diferents tipus de dades (nombres, text, booleans) i combinacions.
Objectiu: Aprendre a declarar variables i entendre els tipus de dades bàsics.
Pràctica: Escriu i executa el següent codi en un fitxer HTML amb etiquetes <script>:
let nom = "Anna";
const PI = 3.14159;
let edat = 30;
let esEstudiant = false;
let salutacio = "Hola, el meu nom és " + nom + " i tinc " + edat + " anys.";
alert (salutacio);
alert ("El valor de PI és: " + PI);
alert ("És estudiant? " + esEstudiant);
Exploració: Intenta declarar variables amb var (tot i que avui dia es prefereix let i const), assigna diferents tipus de valors i observa com es comporten.
Escriu un programa amb javascript que donat dos números mostri els següents missatges:
La suma.
La resta.
La multiplicació.
La divisió.
El residu.
Objectiu: Aprendre a usar les estructures if, else if i else per executar codi segons certes condicions.
let nota = 65;
if (nota >= 70) {
alert ("Aprovat amb bon resultat!");
} else if (nota >= 50) {
alert ("Aprovat.");
} else {
alert ("Suspès!");
}
let dia = "dilluns";
if (dia === "dissabte" || dia === "diumenge") {
alert ("És cap de setmana!");
} else {
alert ("Dia laborable.");
}
Exploració: Modifica els valors de les variables i les condicions per veure com canvia la sortida. Prova amb diferents dies de la setmana.
Objectiu: Entendre com usar els bucles for i while per repetir blocs de codi.
// Bucle for
for (let i = 0; i < 5; i++) {
alert ("El valor de i és:", i);
}
// Bucle while
let comptador = 0;
while (comptador < 3) {
alert ("Comptador:", comptador);
comptador++;
}
Exploració: Canvia els valors inicials, les condicions i els increments en els bucles per observar diferents comportaments.
Elabora una programa amb javascript on l'usuari hagi d'encertar un numero del 1 al 100 i tingui com a máxim 10 intents.
Per demanar el valor pots utilitzar la següent instrucció:
const entrada = prompt("Introdueix el teu número: ");