Cos'è JavaScript?
JavaScript è il linguaggio di programmazione per il Web.
JavaScript può aggiornare e modificare sia HTML che CSS.
JavaScript può calcolare , manipolare e convalidare i dati.
Esercitazione di avvio rapido JavaScript
Questo tutorial darà una rapida occhiata ai più importanti tipi di dati JavaScript.
Le variabili JavaScript possono essere:
- Numeri
- stringhe
- Oggetti
- Matrici
- Funzioni
Variabili JavaScript
Le variabili JavaScript sono contenitori per la memorizzazione dei valori dei dati.
In questo esempio, x, yez sono variabili:
Esempio
var x = 5;
var y = 6;
var z = x + y;
Dall'esempio sopra, puoi aspettarti:
- x memorizza il valore 5
- y memorizza il valore 6
- z memorizza il valore 11
Numeri JavaScript
JavaScript ha un solo tipo di numero. I numeri possono essere scritti con o senza decimali.
Esempio
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Tutti i numeri vengono memorizzati come numeri in virgola mobile a doppia precisione.
Il numero massimo di decimali è 17, ma la virgola mobile non è sempre accurata al 100%:
Esempio
var x = 0.2 + 0.1; // x will be 0.30000000000000004
Stringhe JavaScript
Le stringhe memorizzano il testo . Le stringhe sono scritte tra virgolette. Puoi usare virgolette singole o doppie :
Esempio
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
La lunghezza di una stringa si trova nella proprietà length :
Esempio
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Oggetti JavaScript
Hai già appreso che le variabili JavaScript sono contenitori di valori di dati.
Questo codice assegna un valore semplice (Fiat) ad una variabile denominata auto:
var car = "Fiat";
Anche gli oggetti sono variabili. Ma gli oggetti possono contenere molti valori.
Questo codice assegna molti valori (Fiat, 500, bianco) ad una variabile denominata auto:
var car = {type:"Fiat", model:"500", color:"white"};
Matrici JavaScript
Gli array JavaScript vengono utilizzati per memorizzare più valori in una singola variabile.
Esempio
var cars = ["Saab", "Volvo", "BMW"];
Funzioni JavaScript
Una funzione JavaScript è un blocco di codice progettato per eseguire un'attività particolare.
Una funzione JavaScript viene eseguita quando "qualcosa" la invoca (la chiama).
Esempio
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Cosa può fare JavaScript?
Questa sezione contiene alcuni esempi di ciò che JavaScript può fare:
- JavaScript può modificare il contenuto HTML
- JavaScript può modificare i valori degli attributi HTML
- JavaScript può modificare gli stili HTML (CSS)
- JavaScript può nascondere elementi HTML
- JavaScript può mostrare elementi HTML
JavaScript può modificare il contenuto HTML
Uno dei tanti metodi JavaScript HTML è getElementById() .
Questo esempio usa il metodo per "trovare" un elemento HTML (con id="demo") e cambia il contenuto dell'elemento ( innerHTML ) in "Hello JavaScript":
Esempio
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript può modificare i valori degli attributi HTML
In questo esempio JavaScript cambia il valore dell'attributo src (source) di un tag <img>:
La lampadina
JavaScript può modificare gli stili HTML (CSS)
La modifica dello stile di un elemento HTML è una variante della modifica di un attributo HTML:
Esempio
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript può nascondere elementi HTML
È possibile nascondere gli elementi HTML modificando lo stile di visualizzazione:
Esempio
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript può mostrare elementi HTML
La visualizzazione di elementi HTML nascosti può essere eseguita anche modificando lo stile di visualizzazione:
Esempio
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Tutorial JavaScript completo
Questa è stata una breve descrizione di JavaScript.
Per un tutorial completo su JavaScript, vai a Tutorial JavaScript di W3Schools .
Per un riferimento completo a JavaScript, vai a Riferimento JavaScript di W3Schools .