Lezione sul linguaggio JS (fino a slide 59)

Spiegazione del Codice JavaScript

Questo codice JavaScript mostra diversi concetti fondamentali del linguaggio. Analizziamolo passo per passo:

1. Calcolo della Tabellina

let tabellina = prompt("Inserire in numero per il calcolo della tabellina");

if(tabellina){
    tabellina = parseInt(tabellina);
    for(let i = 1; i<=10; i++){
        let prd = tabellina * i;
        console.log(tabellina + " x " + i + " = " + prd);
    }
}else {
    console.log("Operazione annullata");
    console.error("Operazione annullata con error");
    console.warn("questo è un messaggio di warning");
}

Cosa fa questo codice:

• prompt(): Mostra una finestra di dialogo che chiede all'utente di inserire un numero
• if(tabellina): Controlla se l'utente ha inserito qualcosa (non ha premuto "Annulla")
• parseInt(): Converte il testo inserito dall'utente in un numero intero
• Ciclo for: Ripete 10 volte (da 1 a 10) il calcolo della moltiplicazione
• console.log(): Stampa il risultato nella console del browser
• Parte else: Se l'utente annulla, mostra diversi tipi di messaggi nella console

2. Tipi di Dati in JavaScript

let n1 = 12; // number
let str = "ciao"; // stringa
let bl = true; // boolean
let k = null;
let contoCorrente = undefined;

Qui vengono mostrati i tipi di dati principali:

• Number: numeri (interi o decimali)
• String: testo racchiuso tra virgolette
• Boolean: valori vero/falso (true/false)
• Null: valore "vuoto" assegnato intenzionalmente
• Undefined: variabile dichiarata ma senza valore

3. Oggetti JavaScript

let obj = {
    nome: "Mario",
    cognome: "Perna",
    indirizzo: "EhVolevi",
    indirizzoCompleto: ""
};

Un oggetto è una collezione di proprietà (chiave-valore). Ogni proprietà ha:

• Una chiave (nome, cognome, ecc.)
• Un valore ("Mario", "Perna", ecc.)

4. Array (Liste)

let mioArr = [12,14,15,"ciao", true, {nome: "Mario"}];

Un array è una lista ordinata che può contenere diversi tipi di dati:

• Numeri, stringhe, booleani e persino oggetti

5. Accesso alle Proprietà degli Oggetti

console.log(obj.nome);
console.log(obj['nome']);

Ci sono due modi per accedere alle proprietà di un oggetto:

• Notazione punto: obj.nome
• Notazione parentesi quadre: obj['nome']

6. Concatenazione di Stringhe

let str1 = "Che bella giornata";
console.log(str1 + ", "+ obj.nome);
console.log(`Che bella giornata, ${obj.nome} ${obj.cognome} è un bellissimo cognome`);

Due metodi per unire stringhe:

• Concatenazione classica: usando l'operatore +
• Template literals: usando i backtick ` e ${variabile} per inserire variabili

7. Finestra di Conferma

let confermaMaggEta = confirm("Hai veramente 18 anni ?");

confirm() mostra una finestra con due pulsanti (OK/Annulla) e restituisce:

• true se l'utente clicca OK
• false se l'utente clicca Annulla

Concetti chiave da ricordare:

• JavaScript è un linguaggio dinamico (i tipi si determinano automaticamente)
• Gli oggetti sono molto importanti per organizzare i dati
• Esistono diversi modi per fare la stessa cosa (es. concatenazione stringhe)
• Le funzioni come prompt() e confirm() permettono l'interazione con l'utente

let tabellina = prompt("Inserire in numero per il calcolo della tabellina");

if(tabellina){
    tabellina = parseInt(tabellina);
    for(let i = 1; i<=10; i++){
        let prd = tabellina * i;
        console.log(tabellina + " x " + i + " = " + prd);
    }
}else {
    console.log("Operazione annullata");
    console.error("Operazione annullata con error");
    console.warn("questo è un messaggio di warning");
}

let n1 = 12; // number
let str = "ciao"; // stringa
let bl = true; // boolean
let k = null;
let contoCorrente = undefined;
let obj = {
    nome: "Mario",
    cognome: "Perna",
    indirizzo: "EhVolevi",
    indirizzoCompleto: ""
};

let mioArr = [12,14,15,"ciao", true, {nome: "Mario"}];
console.log(obj.nome);
console.log(obj['nome']);

let str1 = "Che bella giornata";
console.log(str1 + ", "+ obj.nome);
console.log(`Che bella giornata, ${obj.nome} ${obj.cognome} è un bellissimo cognome`);

let confermaMaggEta = confirm("Hai veramente 18 anni ?");