JavaScript Lezione 5 Tipizzazione ed operazioni tra tipi diversi Istruzioni di input.

Presentazione sul tema: "JavaScript Lezione 5 Tipizzazione ed operazioni tra tipi diversi Istruzioni di input."— Transcript della presentazione:

1 JavaScript Lezione 5 Tipizzazione ed operazioni tra tipi diversi Istruzioni di input

2 JS è debolmente tipizzato JavaScript è un linguaggio debolmente tipizzato o tipizzato dinamicamente: quando si dichiara una variabile non è necessario specificarne il tipo di dato dei suoi valori, ma il tipo viene automaticamente rilevato dal linguaggio dallassegnazione alla variabile del valore Ad esempio: var x = 10; // x è di tipo numerico var y = "ciao"; // y è di tipo stringa var z = true;// z è di tipo booleano x = "Mario";// ora x è di tipo stringa Notare che la variabile x ha cambiato tipo: JavaScript lo permette.

3 Conversione del tipo di dati Quando un tipo viene utilizzato in un contesto che richiede un tipo diverso, JavaScript tenta automaticamente di convertire il valore nel tipo necessario Esempio alert() richiede come argomento il tipo stringa, ma con le seguenti istruzioni non si ottiene errore, perché JS converte il numero ed il booleano in stringa alert(23)// converte 23 in "23" alert(true)// converte true in "true"

4 Operazioni tra tipi diversi Se si opera tra tipi diversi, JavaScript cerca di convertire i due operandi in un tipo comune su cui operare per ottenere il risultato. Nel caso contrario assegna un valore predefinito Esempio var x=23; var y="ciao"; z = x + y;// converte il numero 23 in stringa alert(z);// scrive "23ciao" z = x * y; // questa volta scrive NaN (Not a Number) alert(z);

5 Altre conversioni Le possibilità da provare operando con variabili di tipo diverso sono molte ed è utili fare le varie prove (cercare di vedere se si riesce a prevedere il risultato) Altri esempi var x=23; var y="42"; z = x + y; alert(z); // scrive "2342" (converte il numero in stringa) z = x * y; alert(z);// scrive 966 (converte la stringa in numero)

6 Istruzioni di input Ogni linguaggio di programmazione ha delle istruzioni che fanno in modo che l'utente, su richiesta del programma, introduce dei dati che il programma elabora Questi dati vengono detti dati di input e vengono inseriti mediante istruzioni di input. Normalmente i dati di input vengono scritti come testo in appositi elementi della finestra del programma o in finestre popup.

7 Finestra di prompt Per fare in modo che JavaScript visualizzi una finestra che richieda all'utente di scrivere del testo da inviare al programma si utilizza l'istruzione prompt(messaggio,default) dove messaggio è la stringa di testo (non HTML) contenente un messaggio che di solito spiega all'utente cosa deve introdurre default è la stringa di testo (non HTML) contenente quello che viene visualizzato inizialmente nella riga di input; se si desidera che la riga sia vuota, si scrive la stringa vuota "" Quando l'utente ha scritto i dati, preme OK.

8 Memorizzare i dati di input Quello che l'utente scrive nella finestra di prompt viene restituita al programma come dato di tipo testo. Per utilizzare questo dato occorre quindi memorizzarla in una variabile, mediante l'operatore di assegnazione Esempio x=prompt("Introduci cognome e nome",""); alert("Ciao " +x+ ". Benvenuto nella pagina");

9 Convertire in numero il dato di prompt Se si desidera convertire il dato inserito con prompt da stringa a numero, si può utilizzarlo in una operazione che lo converta in numero e ne lasci invariato il valore Ad esempio, moltiplicarlo per 1 o sottrargli 0 Esempio x=prompt("Introduci un numero",""); x = x * 1; La variabile x a destra è una stringa (quella scritta nella finestra di prompt); quella a sinistra è un numero

10 Finestra di conferma Per fare in modo che JavaScript visualizzi una finestra con una domanda del tipo sì/no si utilizza l'istruzione confirm(domanda) dove domanda è una stringa di testo (non HTML) e va messa quindi tra apici o tra virgolette. La finestra di confirm viene usata quando si richiede all'utente una decisione, che l'utente prende cliccando sul pulsante OK o sul pulsante Annulla

11 Esercitazioni Il link apre un documento di word nel quale sono presenti alcuni script sulle conversioni di tipo e sulle finestre di input Gli script vanno provati e compresi, aiutandosi con le spiegazioni e con i commenti messi tra le istruzioni Esercitazioni conversioni di tipo Esercitazione finestre di input