buongiorno a tutti bentornati episodio numero 10 del corso di javascript quest'oggi andiamo a vedere come fare una propria funzione da zero nel video precedente in realtà l'abbiamo già fatte se avete seguito l'episodio ma oggi vorrei fare un episodio in cui facciamo solo quello sarà una sorta di folle follo ha long oppure vi dirò cosa dobbiamo fare potete stoppare il video farlo voi per poi vedere la soluzione quindi una sorta di lezione in cui spiego ma è anche un compito direttamente cominciamo subito in questo è ciò che vi ho preparato noi andremo a fare crea una
funzione basica nostra custom come usarla nel codice aggiungere dei parametri è una cosa che non è spiegata in questo articolo sarà come metterle parametri di default allora quello che dovete fare è semplice avere un bottone lo scritto saluta e h1 per mandare a schermo gli eventuali saluti ok quindi abbiamo una cosa del genere il bottone per salutare e nessun saluto allora che cosa dobbiamo fare innanzitutto se volete fare da soli quello che allora quello che dovete farla consegna e se volete stoppare al saluto ma andiamo a schermo il al saluto mandiamo appunto schermo ciao un
nome random eccetera e più avanti inseriremo qualcosa perciò potremmo inserire il nome della persona e manderemo a schermo quello dunque la prima cosa che dobbiamo fare è prendere riferimento del bottone e dell'h1 quindi light button uguale query select or do come il punto quali selector in questo modo stiamo andando a prendere i stiamo l'anno prende gli elementi del documento prendiamo button copiamo facciamo title che l'h 15 ci siamo dopo richiediamo fare la nostra funzione i function salute andiamo ad aprire e dentro ci mettiamo semplicemente un title punto in html ovvero stiamo dicendo qua al title
a questo h1 di cambiare il contenuto da nessun saluto a uguale quindi facciamo una mente con le virgolette facciamo ciao luca ok se faccio così non ho assolutamente niente perché non abbiamo attivato il niente allora quello che devo fare adesso è mettere un listener sul bottone questa cosa qua vela spiegherò nel prossimo episodio no tra due episodi quando parleremo degli eventi però per ora prendete la così come è quindi noi proviamo il bottone gli facciamo ad event listener andiamo mettere il click andiamo a farvi regola facciamo una funzione da che facciamo così e andiamo a
mettere la funzione quindi saluta bam e noi siamo a posto salviamo siamo qua rete ciao luca quindi abbiamo fatto letteralmente quanto ci ho impiegato veramente poco abbiamo preso la nostra abbiamo creato una funzione leggendo su un nome abbia detto cosa vogliamo che faccia abbia messo lì perché appunto vi spiegherò tra due episodi abbiamo detto ok adesso quando schiava quando faccio clic su questo bottone abbiamo prese riferimenti mi fai la funzione è fin qua è una semplice funzione veramente basica direi che siamo a posto avremmo potuto farlo anche potevate chiamarla anche al di là del bottone
vediamo un po che troveremo qua già ciao luca va bene potete anche invocarla così non avrebbe senso al momento ma va bene dunque quello che facciamo adesso è mettere dei parametri voglio andare a mettere un input quindi input type text ops text facciamone uguale nome placeholder nome persona facciamo così e noi siamo a posto perfetto abbiamo il nostro nome persona po bruttina vabbè diciamo così facciamo input display e togliamo emettiamo block perfetto e un po come viene ok è molto bene scusatemi ma è osceno quindi margin bottom 20 pixel e salviamo perfetto adesso sono più
contento dunque commetteremo nome della persona adesso dobbiamo aggiungere l'input quindi facciamo let nome uguale document selector input qua andiamo a mettere facciamo prima un console ogg quando schiacciamo sul bottone mandiamo a schermo console punto log voglio mandare a schermo nome per vedere se ce lo prende correttamente quindi noi premiamo ok ci manda l'impulso lo vedete ci manda l'input quello che voglio mandare a schermo è per ora il vario dell'input quindi vediamo un po se ci prende il nome facciamo così saluta vedete che ci manda schermo esattamente quello che ho scritto qua dentro quindi tutto funziona
abbiamo ciò che ci serve quello che voglio fare adesso possiamo togliere il console log quello che voglio fare adesso è mettere con parametro ovvero name andiamo a togliere queste e facciamo alt 96 e facciamo qua al 96 andiamo a mettere qui dollaro aperta chiusa togliamo luca e mettiamo name quindi come vedete stiamo utilizzando un po tutto quello che abbiamo fatto finora a parte questo che nuovo è questo che in realtà non ve l'ho ancora spiegato però diciamo che il funzionamento i parametri le funzioni eccetera ve lo ha spiegato quindi attualmente se io vado qua non
abbiamo ancora caricato questo ciao ande find perché non sa che cos'è name aver messo un parametro che non mandiamo effettivamente quindi adesso noi anzi facciamo senza il parametro mi spiego direttamente i parametri di default nel caso in cui voi vi dimenticate un parametro o non lo mettete appositamente possiamo mettere un parametro di default vi faccio vedere cosa succede vedete qualche cira ciao marco questo perché quando noi abbiamo una funzione se andiamo a mettere il parametro uguale a qualcosa darà automaticamente questo valore se noi non mandiamo niente qua quindi avete che noi abbiamo saluta ma non
stiamo mettendo un name da mandare a schermo per quelli cosa fa ok io ho bisogno di un name tu non me l'hai dato allora io prendo il default se marco qua non ci fosse non farebbe niente ci andrebbe al design come ci darebbe dan define come ha fatto prima ma avendone messo un parametro di default lui fa ok non preoccuparti to nome dato niente vado avanti per la mia strada noi invece sì che te lo diamo il parametro default all'inizio mettiamo paolo di prova per farvi vedere io posso vi scrivo quello che voglio bene ciao
paolo ok adesso abbiamo sufficiente collegarla a quello che abbiamo detto ovvero dobbiamo prendere nome punto value salviamo mettiamo edoardo che sono io perfetto edoardo quindi abbiamo tecnicamente finito e risolto il tutto come vedete siamo stati veramente veloci e abbastanza concisi col codice sono stati siamo stati bravi abbiamo utilizzato tutto ciò che avevamo a disposizione per farlo bene ricapitoliamo abbiamo preso i nostri elementi ma questa non è nemmeno una parte importante perché quello che volevo fare vedere sono le funzioni e come mandarla schermo con i vari parametri abbiamo fatto una funzione che ha un parametro ea
e gli è andato un valore di default nel caso non arrivasse niente ok abbiamo messo nel nostro titolo il valore utilizzando i back tic quindi andando a utilizzare i template di trash che abbiamo visto è andando a prendere direttamente il parametro scrivere così è molto più pulito è molto più bello è molto più semplice che far la concatenazione quindi vi esorto a farlo vi ricordo al altre 96 del tastierino del tastierino non della tastiera nella parte di tastiere normale cosa facciamo poi le 20 listen che spiegheremo abbiamo alla tua schermo saluta col nome abbiamo preso
l'input abbia messo dentro il value quindi questa era la nostra prima vera funzione custom con parametri e tutto quello che serviva ringrazio per essere ma sti con me noi ci vediamo al prossimo video dove parleremo del return che è una cosa particolare che possiamo avere mi metto qua un attimo potremmo una cosa del genere il ritorno è una cosa particolare che possiamo averne le funzioni ci permette di là ci permette di ottenere un valore indietro dalla funzione ma questo ve lo spiego dopo io mi ricordo agli abbonamenti c'è sotto il link se volete sostenere il
canale c'è la vetrina amazon se volete comprare tramite la vetrina aiuta a sostenere il canale ed è sotto in descrizione c'è tutto per quanto riguarda telegram vi ringrazio alla prossima ciao ciao
