Javascript Tutorial Italiano 07 - Condizioni con IF ELSE e SWITCH

buongiorno a tutti bentornati episodio numero 7 del corso di javascript quest oggi guardiamo i condizionali c'è un po di cui parlare e non è nemmeno semplice l'argomento approcciandosi per la prima volta perciò attenzione mi raccomando cosa sono le condizioni in un programma vedremo ips statement else if ripasseremo gli operatori comparativi che utilizzeremo appunto negli iv vedremo come innestare vari operatori logici queste sono importanti poi guarderemo lo switch statement alternare operator questo è veramente interessante allora cosa sono le condizioni potrebbe essere che noi abbiamo una situazione in cui ad esempio vogliamo sapere se appunto la persona

che voglia accettare è online o no questo esempio che mi viene più più semplice quindi noi potremmo avere una condizione in cui quindi non sapere se è online sì o no se online mi metti magari la spunta mi metti magari il pallino verde sullo schermo pure schivi e online se invece non è online scrive ultimo accesso alle oppure offline quindi questo potrebbe essere un caso in cui abbiamo delle condizioni va bene oppure tu entra in una pagina se la pagina l'utente che sta visitando questa pagina è autenticato la prevedere altrimenti rimane un altra parte quindi

come potete vedere l'utilizzo della parola se in questo caso iv in inglese lo utilizziamo abbastanza se se è così fai così altrimenti fai così da qui deriva appunto iv else cominciamo con un esempio abbastanza banale cominciamo così allora per scrivere iv per scrivere uno statement dobbiamo fare semplicemente iv aperte tonde in cui metteremo la nostra condizione e poi metteremo le le parentesi graffe allora questo sarebbe un iv completo quindi mettiamo qua la condizione iv nome uguale uguale luca facciamo console og console punto log ciao luca els potremmo fare semplicemente in un ex potremmo mettere ciao

persona anonima ok noi salviamo andiamo a vedere andiamo qua vedete ciao luca perché giustamente il nome è uguale a luca quindi questo è un banalissimo esempio di iv ed potrebbe esserci dei casi in cui non abbiamo les semplicemente leaf c'è il nostro programma va avanti ok e se succede una cosa aggiunge questa cosa magari alla variabile se invece non si verifica semplicemente continua col programma che di lui potrebbe succedere che utilizzate da if senza else non preoccupatevi invece se noi vogliamo fare una cosa del genere se si chiama luca fai una cosa se invece non

non è così me ne fai un'altra potrebbe essere però che vogliamo mettere più più statement ok più condizioni in questo caso utilizziamo else if ogni volta che utilizziamo else if che possiamo avere infiniti volendo è ci mettiamo un altra condizione in questo caso nome non mettiamo luca una mettiamo marco ok e facciamo ciao marco e poi a sto punto facciamo un ex finale quindi possiamo possiamo avere tanti else if volendo va bene potrebbero tanti al sif con tante cose diverse scusatemi dopo lo faccio vedere meglio e poi abbiamo un ex finale dove non dobbiamo metterla

condizione quindi se il nome luca fai così se quindi ogni volta in cui vogliamo mettere una condizione dobbiamo scrivere else if mettiamo la condizione mettiamo quello che vogliamo fare mi dove c'è la finale è altrimenti se niente di quello che c'è sopra è verificato altrimenti fai questo in questo caso è console punto log ciao persona anonima dunque vediamo qua a vedere luca l'abbiamo già visto quindi vediamo il buon marco salviamo vedete ciao marco perché effettivamente è entrato qua dentro ok ha eseguito questo codice è arrivato qua il nome luca no salto il nome marco sì

ciao marco se io cambio e faccio marce o che non sapevo esistesse come nome ciao persona anonima quindi entrato è andato qua non per luca no vado avanti è il siff nome uguale marco no allora qualsiasi cosa sia non mi interessa mando a schermo questo questo messaggio vi dicevo che possiamo avere infiniti else if perché potremmo tranquillamente mettere nome uguale uguale antonio mi potrò andare avanti così all'infinito ok quindi questa è l'idea del delle fogne al sud ci permetterebbero una condizione mentre invece l'ex finale è se tutto quello sopra non si è verificato fai questa

cosa vediamo brevemente un ripasso sugli operatori comparativi come avete visto io ho utilizzato uguale uguale allora prendiamo un attimo cancelliamo tutto noi parliamo semplicemente il numero ok quindi numero uguale uguale facciamo vinte la vi ricordate che numero e cominciamo da maggiore minore facciamo mica sufficiente a schermo ok va bene una cosa del genere quindi non ho voglia di stare a metà dei messaggi troppo complessi il numero maggiore di 20 fi ok anzi diciamo els console log non va bene va bene così si capisce alla svelta quindi 15 e maggiore di 20 andiamo a vedere non

va bene quindi avete visto che questo è il maggiore questo è il minore ci darà che è tutto ok perfetto abbiamo maggiore o uguale minor uguale diventi magari mettiamo 20 perché voglio far vedere l'uguale 20 è minore o uguale di 20 sì perché è almeno uguale stessa cosa per maggiore uguale perfetto fin qua non c'è un problema abbiamo uguale uguale quindi è 20 uguale uguale a 20 è uguale gola 20 si è 20 diverso da 20 no vedete non va bene perché 20 è uguale a 20 mentre invece per questo se vi ricordate guardava anche

che il tipo fosse corretto quindi se io faccio così e metto questo 24 string diventa una stringa e io faccio 20 è uguale uguale 20 e ci dice sì 20 è uguale uguale 20 ma se le facciamo tre uguali come avevo fatto vedere precedentemente ci dice di no questo perché eventi uguale a 20 ma questo 20 è una stringa questo 20 è un numero ok quindi questo uguale uguale uguale controlla anche il tipo se noi facciamo così ci dirà che è ok perché 20 stringa non è uguale uguale uguale a 20 numero e questo era

il ripasso degli operatori come vi dicevo quello che possiamo fare in base a quanto è scritto qua possiamo innestare e degli quindi potremmo avere un iv ok allora iv mettiamo con magari 15 e facciamo se il numero è minore di 20 entry qua dentro va bene e poi vogliamo fare un'altra cosa bisogna sapere tutti i numeri pari minori di 26 quindi mai a sapere quali sono tutti i numeri pari o dispari quindi se un numero è minore di 20 mi controlli sia pari o dispari perché magari sopra il 20 non ci interessa quindi il numero

facciamo il resto diviso due uguale uguale a zero facciamo console log numero pari altrimenti facciamo un else non dobbiamo fare il siff perché se non è pari e dispari quindi se non è zuppa è pan bagnato è il console log andiamo qua numero dispari quindi andiamo un po a vedere il risultato facciamo così e ci dovrebbe dare il numero dispari 15 e dispari assolutamente sì proviamo col 16 numero pari proviamo con lotto magari non ci credete ecco qua numero pari quindi che cosa abbiamo fatto abbiamo detto che valgono solo anzi primo a mettere qua 21

ok vedete quando succede niente quindi che cosa abbiamo detto innanzitutto mi fai un primo incontro è che il numero sia minore di 20 per una qualsiasi ragione non so perché dovremmo controllarlo ma in questo caso lo facciamo il numero è minore di 20 in questo caso no ma come abbiamo fatto prima sì quindi se dice minori di 20 sì adesso entry qua dentro abbiamo un altro iv il numero è pari questo quadro leggiamo con è pari in realtà è il resto della divisa il resto della divisione di 16 diviso due a zero quindi se da

resto zero è pari ma noi c'è una volta che lo leggete così vuol dire se volete sapere se è pari o meno quindi io ve lo traduco direttamente è pari questo numero numero pari altrimenti se non è pari e dispari quindi il numero è per forza di spari e questi sono potete andare avanti all'infinito così a potreste fare altri iv all'interno con il siff potete veramente andare avanti all'infinito andiamo a vedere invece gli operatori logici and or e note ovvero è uguale questa condizione e questa condizione sono verificate oppure questa condizione o questa condizione sono

verificate oppure questa condizione non è verificata andiamo a vedere allora facciamo iv mettiamo un el semplicemente qua per sicurezza allora il numero è minore di 20 and numero facciamo numero resto numero resto due uguali uguale zero ok quindi quello che stiamo chiedendo qua il numero metà els non ci servono solo fuori delle console ocse non butta schermo niente si capisce alla consolle punto log facciamo ancora ok diciamo così diciamo così allora ho detto il numero è minore di 20 si innamori del risultato ora città ci dice ok quindi xvi è minore di 20 sì e

16 è pari sì quindi ok altrimenti per console punto log le mettiamo non va bene se io metto qua quindi ci facciamo così vediamo un po ci dice che non va bene perché perché noi vogliamo con questo doppio e commerciale vogliamo che questa condizione e questa condizione sia verificata quindi vogliamo che il numero sia minore di 20 e che sia pari 15 è minore di 20 si è pari in no quindi questa condizione con end non è verificato se io metto 14 ovviamente ci dà tutto in check ma se metto policy e mette un numero

22 22 non va bene perché 22 non è minore di 20 quindi già non va bene però è pari ma noi non interessa perché con end tutto deve combaciare ok altrimenti possiamo andare con or in questo caso possiamo avere un numero o si fa così ok quindi ogni volta che fate lor dovete riprenderla condizione voi potreste scrivere vi faccio vedere un attimo qualcuno potrebbe scrivere iv il numero uguale uguale uguale 2 or uguale uguale tre cose del genere così non va bene a mente che ci dà errore vedete che ci dà errore perché ogni volta

dovremmo scrivere numero uguale uguale 2 oppure numero uguale uguale 3 oppure numero minore uguale eventi cose del genere non possiamo tralasciare la variabile ok quindi questa cosa è importante stiamo dicendo color vogliamo sapere intanto vi faccio vedere risultato stoppate un attimo e ditemi se esce ok o non va bene andiamo a vedere ci dà ok come mai ci dà ok il numero è minore di 20 no oppure il numero è pari sì quindi con loro e basta che una delle condizioni sia verificata affinché possa entrare quindi se invece metto 23 ci dirà che non va

bene perché il numero non è né minori di 20 ok ma non è nemmeno pari se noi invece mettiamo 15 siamo quindi ci dirà che va bene lo stesso vedete perché il numero è minore diventi anche se non è pari ma il fatto che le doppie barrette ci danno lor quindi o è una cosa o l'altra a noi va bene lo stesso e questo e questo è l'ora allora arriviamo a spiegarvi infine in not allora mi raccomando attenzione perché il not è malvagio dunque per fare il not non dobbiamo usare abbiamo detto che end è

doppio doppie commerciale poi abbiamo doppio questo qua invece ci basta usare nessun doppio ci basta usare un punto esclamativo ok col punto esclamativo vogliamo verificare che la negazione sia vera ok quindi facciamo vediamo qua delle parentesi e mettiamo dentro la sua condizione e davanti neghiamo la condizione quindi non è che abbiamo una sola parentesi e la neghiamo qua fuori ma dobbiamo fare la condizione del iv dentro mettiamo la nostra condizione e la neghiamo quindi nome uguale uguale luca andiamo a vedere risultato non va bene perché perché noi vogliamo sapere se il nome luca che qua

è vero lo neghiamo è il nome diverso da luca in realtà ci bastava raggiungerlo così ok però è il nome diverso da luca è il nome noto luca quindi not è il nome not luca in realtà qua ci dice che è vero di conseguenza la voleva che risultasse diverso da luca invece questo qua è forse quindi la condizione è il nome diverso da luca è la risposta a questa cosa è falso falso il nome non è diverso da luca ok essendo questa condizione falsa non viene verificata e viene verificata questa ok se io cambio le

faccio luca così prete che ci dà ok perché nome è uguale uguale a luca il nome non è uguale uguale a luca quindi va bene luca il nome è luca no apple se noi la neghiamo al contrario diventa through di conseguenza questo iv diventa vero perché il nome non è uguale a luca con 2 v di conseguenza è tutto ok io spero di averlo spiegato bene il note la negazione non è semplicissima da spiegare spero si sia capito stoppate subito il video fatte delle prove con dei numeri fate più test voi vi deve entrare subito

in testa perché non è semplice sarkò pala di negazioni di altre negazioni di falls etro eccetera quindi stop ad attimo il video fate delle prove con vari dati poi quando sarete in quando sarete nei vostri progetti vi verrà molto più semplice è venuto in mente adesso una cosa che posso fare una cosa che posso fare è questa veniamo così allora è l'unico modo in cui mi viene in mente per spiegarvelo bene allora is on line is on line allora quello che stiamo chiedendo qua è se la persona l'utente in questo caso è online in questo

caso la persona non è online e forse stiamo che questa persona non è online ed effettivamente non è online perché noi facendo così ci aspettiamo che is on line sia through ma negando la così stiamo dicendo questa cosa è falsa ed effettivamente questa cosa è falsa quindi essendo is on line è falso quindi la persona non è online ma la condizione è vera capite perché noi volevamo sapere se la persona non era online ed effettivamente la persona non è online quindi abbiamo che console non è online se con fosse stato through la persona è online

ma noi vogliamo sapere se non è online qui andiamo a vedere la persona è online perché lui è on line cioè false questa roba qua la personale non è on line vero e lui dice no queste through allora questo non è verificato automaticamente si verifica questo fosse il modo più semplice che io conosco per spiegarlo che fortunatamente mi è venuto in mente adesso arriviamo avanti auguriamo quick statement allora noi potremmo veramente andare avanti a fare else if tutta la vita ok e come potete capire iv sono comodi per via degli operatori logici ok sono molto

comodi per queste cose ma se ne avessimo letteralmente un nome che torniamo sul nostro amico nome abbiamo una lista di nomi questo è un caso molto semplificato e abbiamo il nostro amico luca me ne potremmo avere nome uguale uguale luca poi potremo avere il sif e continuiamo a scrivere quindi è il safe scusate nome uguale uguale marco ve lo scrivo tutto perché voglio che vediate la differenza ok questo è importante nome uguale uguale gino bam vado avanti poi sotto è il safe e potrei scrivere veramente tutti i nomi né schiavo ancora solo un altro uguale

uguale anna e possiamo andare avanti veramente all'infinito capite creme a scrivere tanto codice entra il nostro soccorso lo switch quando abbiamo un solitamente si usa quando abbiamo un valore specifico per questa variabile che non dobbiamo strafare and or not eccetera questo è la cosa più semplice in cui possiamo usarlo possiamo andare a usare lo switch noi devo fare switch andiamo mentre quando la nostra condizione la nostra condizione è il nome ok ci arriva la condizione e noi facciamo solo quello dobbiamo fare keys che li mettiamo nel caso in cui il kage in cui il nome

sia luca facciamo così due punti capo console ogg diciamo così equa scriviamo ciao luca ok poi facciamo brake poi ve lo spiego break parliamo a capo e prendiamo un altro che ne facciamo tre magari tac tac commettiamo marco ecco ammettiamo gino e poi mettiamo un default allora che cosa abbiamo fatto quindi questo e lo switch e guardiamo il risultato devo cambiare qua e altri enti abbiamo un bel problema ciao marco ciao gino andiamo qua e vediamo un po ciao luca giustamente il nome è luca vedete che il codice e rispetto a fare tutti iv else

if else if il sip su questo caso specifico è molto più semplice da vedere è molto più semplice da gestire si capisce subito per come è formattato il codice si vede subito che il luca marco e quello che succede dopo per ora chi se ne fregano interessa capire le casistiche in tempo breve l'abbiamo switch che è la parola la keyword che ci serve la condizione come se fosse un iv in questo caso abbiamo semplicemente il nome apriamo le parentesi graffe e quando comincia a mettere il case ogni cat che facciamo mettiamo la condizione che vogliamo

ok se avessimo un numero tipo numero potremmo fare minore diventi minore di trenta maggiore di 30 e minore di prendo siglato col nome il cash game luca sì mi fai questo il break e serve per evitare che il codice vado avanti quindi momento in cui vede che è luca lo arriva qua chiude tutto lo swiss si chiude e passa oltre al resto del codice quindi avrebbe proposto la stessa cosa per luca marco e gino e poi a fine c'è il default intanto vi faccio vedere marco salviamo tac ciao marco qua non c'è niente di qua

tutto arco dato quella che prende la variabile a suo piacimento qualche e marco si allora mi saluta ciao marco facciamo gino per completezza andiamo qua ciao gino e poi c'è il default se il nostro amico invece si chiamasse leonardo vedete cosa succede ve lo faccio vedere subito non so il tuo nome perché ho messo che un default il default è quella cosa che fai se non si verifica niente di tutto questo è un po come lens del iv els quindi il default due punti a capo sufficiente righe di codice che ti servono guarda non so

il tuo nome e questo è lo switch serve per avere serve per comprimere certe parti di codice che sono veramente o così o così quindi abbiamo possibili valori che possiamo avere e li mettiamo in varie casistiche ecco la cosa che possiamo definire proprio la casistica mentre uno è si no cioè il siff o così o così e puoi fare un po di al sisma non è che vai all'infinito lo switch è proprio la casistica e le casistiche e raramente sono due se abbiamo delle casistiche sono 3 4 5 10 20 quindi veramente sui c usatelo

per le casistiche mentre invece è il sito usatelo per è bianco o nero o al massimo grillo va bene proseguiamo arriviamo alternare operator tenere operator è molto comodo e lo potrete usare sicuramente nei nei template di teheran skins e ve lo ricordate abbiamo la nostra stringa con i tic e potevamo fare se vi ricordate così così così e poteva mettere le nostre espressioni o che potrà metter variabili potevano fare le funzioni e quant'altro diventa molto comodo oppure si può anche usare per quanto riguarda le variabili che abbiamo qua una variabile e usiamo una condizione nella

variabile non possiamo usare leaf ma andiamo mette una condizione velocemente facciamo così e scriviamo la condizione qua anzi riportiamo qua al numero così random portiamo il numero qua sopra e mettiamo 15 minore anzi scusatemi non 15 ma numero minore di 20 questa la nostra condizione punto di domanda quindi cercate di capire è il numero minore di 20 punto di domanda se sì mi fai una cosa in questo caso mi mandi a schermo il nome è luca altrimenti due punti rimane a schermo leonardo ok andiamo qui facciamo console log console punto log e mandiamo a schermo

il nome vediamo un po cosa ci compare compararci il signor luca quindi se no invece abbiamo fare 21 andiamo a vedere bam abbiamo leonardo questa è un bel punto il tè neri operator è molto comodo da usare nelle variabili ma anche appunto da usare nel template literals quindi se voi avete un se voi state costruendo nel tempo le crete la summa un po di codice html e lo vedremo più avanti non non durante questo corso ma durante la prossima playlist che faremo roba importante in javascript useremo tanto i tempi utili tarascon dentro interna e operator

che vogliamo dire ok se se questa condizione è così mi metti a schermo questo pezzo di elementi html oppure mi fai qualcos'altro oppure mischi vco bentornato luca piuttosto che bentornato e cosa legge oppure bentornato oppure benvenuto quindi se la prima volta che ti colleghi e benvenuto se la seconda ben torna a tutte queste cose quali possiamo gestire facilmente col terna di operator dunque io so nato veramente lungo per questo video però è importantissimo questo è uno dei pilastri fondamentali lo so che lo sto dicendo ad ogni video di javascript però ripeto le cose che imparati

qui adesso in questi video sono trasversali bene o male su tutti i linguaggi di programmazione magari qualcosa non c'è nati probabili magari di tenere operator non c'è in tutti i linguaggi e la sintassi sarà diversa su alcune cose però a livello mentale il modo di ragionare tutti i linguaggi di programmazione ragionano meno male allo stesso modo quindi imparate questo e siete a posto su python vhp tutto quello che volete io ringrazio per sé rimasti con me vi ricordo che gli abbonamenti sono attivi in descrizione trovate il canale e il gruppo telegram se volete essere aggiornati

o parlare quante persone che stanno seguendo i corsi c'è la vetrina di amazon per consigli su libri produttività sviluppo e quant'altro e niente io vi ringrazio e alla prossima ciao ciao