Guida Javascript Base: #2 Gli Operatori Logici
By Andrea Marchetti
@marchetti_design
Continuiamo la Guida Javascript Base. Oggi analizziamo gli operatori logici più utilizzati. Partiamo da una classica pagina html alla quale aggiungeremo il codice javascript.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
body{font-family: arial;padding:40px; margin:0; background: #eee; color:#333}
.subtitle{color:#999; font-size: 20px}
</style>
</head>
<body>
<h1>Javascript</h1>
<p class="subtitle">Tutorial Base</p>
<p>Introduzione a javascript</p>
<script>
// codice javascript
</script>
</body>
</html>
Come tutti i linguaggi di programmazione anche javascript consente di confrontare valori tra di loro grazie agli operatori logici.
1) L’operatore If
Con l’operatore if possiamo eseguire una porzione di codice se una condizione è verificata. Prendiamo il seguente esempio:
<script>
var nome = "Steph";
var cognome = "Curry";
var tiriDaTre = 286;if (tiriDaTre > 273){
alert(nome + " " + cognome + " nuovo record di tiri da tre: " + tiriDaTre + " triple");
}
</script>
In questo caso utilizziamo un if per controllare se il valore della variabile di tipo numero tiriDaTre è > di 273. Se il valore è maggiore visualizziamo un alert con un messaggio.
Se il valore di tiriDaTre fosse esattamente 273 non apparirebbe nessun alert, per far si che appaia dovremmo utilizzare l’operatore logico >=.
2) L’operatore If/Else
Ipotizziamo di voler visualizzare un messaggio se il numero di tiriDatre non è maggiore di 273. Dobbiamo utilizzare un if/else.
<script>
var nome = "Steph";
var cognome = "Curry";
var tiriDaTre = 200;if (tiriDaTre > 273){
alert(nome + " " + cognome + " nuovo record di tiri da tre: " + tiriDaTre + " triple");
} else {
alert("il record non è stato battuto");
}
</script>
Così facendo se il numero di tiriDaTre è maggiore di 273 eseguiamo il primo blocco di codice, altrimenti eseguiamo il secondo blocco (il blocco else).
3) If/Else Concatenati
Ipotizziamo ora di voler visualizzare un messaggio se il numero di tiriDaTre è esattamente uguale a 273. Utilizziamo l’operatore uguale == (composto non da uno ma da due segni uguale) in una struttura logica concatenata di questo tipo:
<script>
var nome = "Steph";
var cognome = "Curry";
var tiriDaTre = 273;if (tiriDaTre > 273){
alert(nome + " " + cognome + " nuovo record di tiri da tre: " + tiriDaTre + " triple");
} else if(tiriDaTre == 273){
alert("il record è stato eguagliato");
} else {
alert("il record non è stato battuto");
}
</script>
Qui andiamo a concatenare due if/else. Nel primo controlliamo se il valore è > di 273 (se è maggiore mostriamo il primo alert), nel secondo controlliamo se è esattamente uguale a 273 (se è uguale mostriamo il secondo alert), altrimenti mostriamo il terzo alert.
In questo caso è esattamente 273.
4) L’operatore Not
Altro operatore molto utilizzato è not != (composta da punto esclamativo prima del segno uguale) questo ci consente di controllare quando una variabile è diversa da un valore definito. Per esempio:
<script>
var cognome = "Westbrook";if (cognome != "Curry"){
alert("questo giocatore non è Curry è " + cognome)
}
</script>
Qui confrontiamo la stringa cognome con “Curry” se non è uguale visualizziamo il messaggio.
Così abbiamo visto i principali operatori logici in javascript nel prossimo articolo andremo a vedere le funzioni.
Stay Tuned!
Prossima lezione:
Guida Javascript Base: #3 Le Funzioni
Potrebbero interessarti:
