Quello che andiamo a fare adesso è andiamo a co- copiare questo codice.

Che è il nostro codice Uscript, perché ora lo dovremo dovremmo andare a infilare dentro a lo.

allora Torniamo nello shit.

Qui è dove ci siamo lasciati con lo Set.

Per andare a um inserire il codice, Upscript, dovremmo andare su extension e cliccare su Upscript.

Dunque allora adesso siamo dentro Upscript.

Come vedete c'è un title Untitled project, le andiamo a dire um feedback um demo.

Okay.

Dunque, torniamo a copiarci questa parte.

Non so se me la s- se l'ho persa in tutto.

Questa parte qua.

Okay.

Dunque su Upscript praticamente questa cosa che lui scrive My function possiamo cancellarla, e andiamo a incollare direttamente tutto il nostro, um tutto quello che ci ha detto lei, okay? Diamo un salva.

E um poi molto importante, dobbiamo andare su Deploy, fare new deployment, um probabilmente voi ce l'avrete in italiano, però non cambia niente, le um più o meno le scritte sono le stesse.

Andiamo a selezionare nel Select type web app.

Des- description non importa, mettiamo niente.

um Qui facciamo execute as me, okay? Quindi la vostra la vostra email verrà mostrata qui e qui gli andiamo a mettere anyone.

Okay, Quindi tutti devono poter richiamare questa questa EPI.

In realtà tutti vuol dire il nostro front end.

Quindi, Deploy.

Okay ci chiede l'autorizzazione.

Gliela diamo.

Questo succede quasi sempre quando ci sono um applicativi che chiamano dall'esterno, um degli altri applicativi Google.

Quindi gli diciamo di approvare, diciamo questa cosa.

E lui ora completerà il deployment, perfetto.

Questo è il completato e questa URL è quella che ci interessa.

Adesso.

Prima di procedere ora abbiamo la nostra um URL che, È collegata ad A Uscript che a sua volta è collegata allo shit.

Dobbiamo andare a creare una nuova pagina diciamo nel nostro front end, quindi, Noi appunto, come dicevo, usiamo um WordPress, quindi quello che andiamo a fare è aggiungere una nuova pagina.

La chiamiamo um BP2 demo.

L'andiamo a um.

A nascondere, diciamo, se non mi s- mi si indicizza su Google, la possiamo um pubblicare.

E poi andiamo a modificarla con elementor.

In questo caso noi abbiamo le mentor ma vedrete che um sostanzialmente non non andiamo a usare nulla di quello che um che sono i componenti.

allora La prima cosa che facciamo qui è mettere cambiare il template la della pagina in modo tale che sia pulita una pagina vuota.

E possiamo già dare 11 aggiorna.

La prossima cosa che dobbiamo andare a fare è inserire un widget HTML.

Okay.

In questo caso questo blocco grigio, diciamo è il nostro um HTML, che in questo momento è vuoto chiaramente.

Quello che dobbiamo andare a fare è andare a s- a inserire uno script, JavaScript in questo caso, e dentro questo script ci andiamo ad incollare, quello che ci ha detto L' IA, quindi fin qui era la pagina um, No perché, no, okay, meno male.

um Dicevo, fin qui era la parte di Upscript.

Da qui in giù, diciamo è um la parte di HTML.

E poi eccola qua la parte di um di JavaScript, quindi do- da dove parte script, um da dove parte script, a dove poi si chiude il tag script.

Tutta questa parte qua è la parte di um JavaScript.

Questa è la parte di HTML, che in realtà ci interessa solo questo.

Lui vi scrive tutto dall'inizio l'apertura, questa roba qua, noi siamo in questo momento su Elementor e c'è già.

Quindi anche il body, l'apertura del body non ci interessa.

Sprendiamo solamente questo pezzettino qua.

lo prendiamo, lo andiamo a copiare.

E lo andiamo a incollare in questo caso fuori dal dal tag script.

E.

Quindi vediamo che qua già ci ha messo queste prime cose chiaramente sono bruttissime.

Le andiamo a migliorare dopo.

Prima cosa dobbiamo andare a testare la funzionalità.

Quindi andare a vedere che tutto il collegamento con le PI funzioni anche qui, per esempio, mi ha messo una Select non mi piace tanto la Select.

Poi dopo lo andiamo a mettere dei checkbox.

Però um proseguiamo un attimo con tutto per vedere che il collegamento sia um effettivo.

Ci andiamo a copiare tutta la parte di JavaScript.

e andiamo a testare se se funziona.

Dunque copriamo tutto questo.

Qui vedete che Y um Uscript URL che è praticamente la URL del deploy che abbiamo appena fatto.

Quindi qui ce lo dice anche lui, sostituisci questa um URL.

Andiamo, torniamo su copy.

Copiamo il nostro codice.

E torniamo di qua.

allora Qui ci andiamo ad incollare quello che è um la nostra um URL della nostra WebA, chiamiamola perché lui la chiama WebA, poi vabbè, non è proprio una web app però è comunque un applicativo.

um In questo caso di Upscript.

Dunque, qui um a questo punto ci siamo vediamo che praticamente la, ora non so quanto siete pratici di di JavaScript, però quello che succede di solito cioè fun-, aspettate, metto questo così.

um Praticamente quello che succede è che ci sono delle funzioni che possono essere ripetute multiple volte e queste funzioni possono accettare dei parametri.

um Alla fine vediamo che se se queste fossero tutte chiuse, A volte quando vi scrive le il codice potrebbe essere tutte chiuse e manca questa qua, quindi manca il load iniziale.

Qua ci deve essere un elemento che va a richiamare almeno una della funzione che poi a sua volta chiama le altre.

Quindi in questo caso però c'è, quindi possiamo um andare a testarlo.

Clicchiamo attorno e um andiamo su, uh chiamata BP2 trattino demo.

E um quello che vediamo è chiaramente la nostra pagina bianca, molto brutta, che in questo momento però non sta caricando niente, quindi andiamo a vedere perché.

Allora re- result allora log content per andare a verificare se la chiamata viene effettivamente chiamata.

Quello che possiamo andare a fare è mettere un console log.

E qui ci scriviamo così per capire un attimo se viene richiamata oppure no.

Quindi se viene richiamata e non funziona oppure se non parte proprio il caricamento.

aggiorniamo la pagina.

OK qui in realtà viene chiamato load content.

Questo è quello è la console, diciamo di um um Ne- nel quale diciamo noi possiamo andare a alloggare tutto quello che sta succedendo e che non vediamo diciamo a livello di front end.

610, OK.

Quindi andiamo a vedere, lui cosa fa? um va a fare qui la fetch happy.

E ci torna.

Quindi andiamo a vedere cosa risulta dalla fetch AP, quindi parametri, um console, perfetto.

OK.

Okay.

Poi sennò gli andiamo a dire che non funziona, eh? Okay.

Okay, vediamo un attimo.

Eccolo qua.

Okay.

Perf- perfetto.

Okay, allora.

Quello che possiamo andare a fare è, torniamo da dalla dalla nostra dal nostro dalla nostra II, gli diciamo, um Ilva che fornito non funziona.

Anzi um.

Vediamo cosa ci risponde.

Ora mi riscrive anche tutto um.

mi sta riscrivendo anche tutto la l'Ascript, vediamo un attimo eh.

Okay.

Quindi mi fa tutta una tutto anche il CSS.

Vediamo un attimo.

Cosa? Cosa risponde? Okay.

.

Okay.

Ho aggiunto un sacco di cose.

Proviamo questo.

Addirittura ci sono messo anche l' emoji.

Perfetto.

Allora effettivamente sembra strutturato meglio.

Proviamo a mettere questo.

Dobbiamo però fare un nuovo deployment perché probabilmente ha fatto delle modifiche anche sull'app script.

Quindi dobbiamo fare un nuovo deploy.

Facciamo una co- una cosa alla volta.

Intanto buttiamo dentro, visto che ha scritto tutta questa roba di del CSS la buttiamo dentro la pagina.

E ce la mettiamo qua.

Apriamo e chiudiamo un tag st e no c'era già.

Facciamo così.

E quindi intanto questo l'abbiamo messo dentro è già è è già un po' meglio come come aspetto ha modificato anche tutta la parte di HTML.

Okay.

Dunque andiamo a cambiare anche il nostro HTML.

Perfetto e andiamo a prenderci l'ultima parte con il JavaScript.

Eccolo qua.

Okay.

Oggi con questo mouse.

Okay, allora quello che ci serve adesso è fare um un nuovo deploy con il nuovo codice che ci ha dato.

Tranquilli che ci siamo quasi eh.

dunque, eccolo qua.

Torniamo su Uscript.

Okay, va bene.

Ora riselezioniamo tutto e mettiamo il nuovo codice che ci ha dato.

OK dovrebbe essere OK.

Deploy, new deployment, qui ci dà già tutto settato, clicchiamo deploy.

copiamo la URL e l'andiamo a mettere.

Qua.

Okay, aggiorna.

Andiamo a vedere un attimo se è cambiato qualcosa.

OK.

Però ancora non vedo i risultati.

Non vorrei che sono Okay.

Nessun risultato trovato.

Okay.

Ah, okay.

Ho capito perché mi sa.

Non è approved.

Okay, riproviamo.

Vi ricordate che avevo detto che finché gli avevo spiegato che lui, se questa riga non c'è true, non doveva mostrarmi niente.

Quindi vediamo un attimo se adesso cambia qualcosa.

Eccolo qua.

Okay? Quindi um in realtà lui stava facendo le cose giuste, però me l'ha migliorato, quindi, ottimo.

Quindi qui cosa è usci- è uscito fuori? È uscito fuori um le informazioni provenienti dal mio um dal mio sheet.

Quindi, quello che succede è.

Possiamo fare due cose ora, um intanto, facciamo una modifica perché col coso bianco.

Andiamo a dare un background nero alla fina.

Per vedere un attimo se, perché mi mette scritte bianche su um e non si vede questa roba qua.

Ora vediamo un attimo se comunque, Vediamo se me lo mostra oppure se è proprio un problema della descrizione.

Intanto viene caricamento.

Okay, qui facciamo così.

Lasciamo le carte bianche perché rischiamo che sennò ci siamo un'ora, però.

Ora vado a scrivere una regola CSS che fa in modo che la il testo di questa card sia nero e non bianco.

e lo vado a copiare e lo metto nel mio codice di stile.

Ora la pagina bianca qui non background nero potenzialmente non importava.

Sì, facciamo che togliamo il background nero, lasciamo tutto bianco.

allora aggiorniamo.

Quindi quello che succede adesso.

È che um lui ora vabbè, c- c'avrà il testo corretto.