Obiettivo: Sono riportati in seguito una serie di esercizi utili per testare le proprie conoscenze nell’ambito del linguaggio di programmazione javascript.
Per la risoluzione degli esercizi si suggerisce l’utilizzo del compilatore online:
https://www.onlinegdb.com/online_c++_compilerESERCIZI JAVASCRIPT (FACILI)
1) Perimetro del Triangolo Crea una pagina HTML con tre input per inserire i lati di un triangolo e un pulsante che attraverso uno script javascript permette di calcolare il perimetro. Impostare il valore del perimetro in un paragrafo.
2) Perimetro del Triangolo (con valore assoluto) Crea una pagina HTML con tre input per inserire i lati di un triangolo e un pulsante che attraverso uno script javascript permette di calcolare il perimetro. Utilizzare il valore assoluto per trasformare possibili valori negativi dei lati in valori positivi. Impostare il valore del perimetro in un paragrafo.
3) Perimetro del Triangolo (con controllo del valore) Crea una pagina HTML con tre input per inserire i lati di un triangolo e un pulsante che attraverso uno script javascript permette di calcolare il perimetro. Prima del calcolo del perimetro è necessario verificare se i numeri inseriti possono formare un triangolo. Nel caso in cui i valori inseriti non siano compatibili con dei valori dei lati di un triangolo riportare in uno specifico paragrafo: “I lati inseriti non possono rappresentare un triangolo” differentemente riportare il valore del perimetro. IMPORTANTE: Per poter rappresentare un triangolo la somma di ogni coppia di lati deve essere maggiore del terzo.
4) Convertitore di Temperatura: Crea una pagina HTML che permetta all’utente di inserire una temperatura in gradi Celsius e convertirla in Fahrenheit o Kelvin.
La pagina deve contenere un input per l’inserimento della temperatura in Celsius, e due pulsanti: “Converti in Fahrenheit” e “Converti in Kelvin”. Il risultato della conversione deve essere visualizzato in un paragrafo. FORMULE DI CONVERSIONE:
– Fahrenheit = (Celsius × 9/5) + 32
– Kelvin = Celsius + 273.15
5) Multiplo o non Multiplo: Crea una pagina HTML con un input per inserire un numero intero e un pulsante che attraverso javascript determini se il numero inserito è un multiplo di 2, 3, 4, o 5.
Per determinare se il numero inserito è un multiplo di un generico numero “N” si utilizzi l’operatore modulo (%N) e si valuti il resto.
Attenzione: se un numero è multiplo di più numeri (ad esempio 2 e 4) si riportino entrambe le diciture (suggerimento: si utilizzi in questi casi la concatenazione).
ESERCIZI JAVASCRIPT CON PIU’ FUNZIONI (FACILI )
6) Perimetro e Area del Rettangolo Crea una pagina HTML con due input per inserire i valori di base e di altezza di un rettangolo. La pagina deve inoltre prevedere due pulsanti che attraverso due differenti funzioni javascript permettono di calcolare perimetro e area del rettangolo. Tali valori sono riportati in due differenti paragrafi.
7) Semplici Operazioni Artimetriche: Crea una pagina HTML con due input per inserire numeri e una serie di pulsanti per eseguire le operazioni matematiche di base: addizione, sottrazione, moltiplicazione e divisione. Il risultato deve essere visualizzato in un paragrafo dedicato subito dopo l’operazione eseguita. IMPORTANTE: L’utente inserisce due numeri e seleziona l’operazione desiderata premendo il corrispondente pulsante.
ESERCIZI JAVASCRIPT (INTERMEDI)
8) Indovina il Numero Crea una pagina HTML con un input in cui l’utente può inserire un numero e un pulsante per verificare se il numero corrisponde a quello segreto scelto casualmente dal computer. Il risultato deve essere riportato in uno specifico paragrafo nella forma affermativa: “Complimenti! Hai indovinato il numero” o negativa con un suggerimento “Troppo alto!” o “Troppo basso!”, a seconda del valore inserito. Il numero segreto è generato casualmente tra 1 e 100 utilizzando il seguente codice:
var numeroSegreto = Math.floor(Math.random() * 100) + 1;
9) Generatore di Giudizio del Voto: Crea una pagina HTML con un input per inserire un voto numerico tra 0 e 10. In base al voto inserito, viene generato un giudizio testuale:
– tra 9.5 e 10: “Ottimo”
– tra 8.5 e 9.5: “Distinto”
– tra 7.5 e 8.5: “Buono”
– tra 6.5 e 7.5: “Discreto”
– tra 5.5 e 6.5: “Sufficiente”
– tra 0 e 5.5 “Insufficiente”
Se il voto non è valido (non compreso tra 0 e 10), viene mostrato un messaggio di errore.
10) Soluzione di una equazione di secondo grado: Crea una pagina HTML con tre differenti input dove inserire i coefficienti di una equazione di secondo grado e ne calcoli, se possibile, le soluzioni. Per il calcolo della radice quadrata si utilizzi la seguente funzione:
var radice = Math.sqrt(4);
ESERCIZI JAVASCRIPT (PROGETTI)
11) Cartolibreria Online: Realizzazione di un sistema di gestione delle vendite per una cartolibreria online. Il portale deve prevedere una lista di oggetti in vendita sotto forma di tabella. La tabella è caratterizzata da 4 differenti colonne: nella prima colonna è riportato il nome dell’oggetto, nella seconda il prezzo unitario, nella terza un input in cui il cliente inserisce il numero di elementi che vuole acquistare, nell’ultima una foto dell’oggetto.
Deve essere inoltre presente un pulsante “acquista” che, se premuto, riporta in uno specifico paragrafo il totale da pagare.
12) Calcolatrice Grafica: Crea una pagina HTML che simuli il comportamento di una calcolatrice.
