Random quotes generator

cristina-5
Cristina 04/11/2022

In this lesson we will develop a random quotes generator.

We will make sure that clicking on a button, from time to time, generates a new sentence.

Try the example below by clicking on the button:

Random Quotes Generator Generate a new sentence .container{ width: 100%; background: #ff6676; padding: 30px; display: flex; flex-direction: column; color: white; } Development of the random quotes generator

First let’s develop the simple HTML code needed to create the generator.

We insert a container to contain everything where inside we first insert a title, after a div where we will insert the randomly generated sentence and finally a button to generate the event on click.

Here is the HTML code:

Insert some CSS code to give some graphics to the project.

We then develop the JavaScript code.

First of all, let’s prepare the array that will contain all the phrases by choosing some quotes from famous people.

Then through the addEventListener event we call the function to generate a random element of the array upon clicking on the button.

We can simply use a function that generates a random number between

Categorie: Coding Creativo, Vedi tutti i blog di Didattica
Tags:
cristina-5
Cristina

Articoli Correlati

D.D.G. n. 2939 del 9 ottobre 2025 – Concorso docenti I-II grado: Notizie per Classe di Concorso

CLASSE DI CONCORSODESCRIZIONEGRADO DI ISTRUZIONEUSR RESPONSABILE (Allegato 2 al DDG 2939/2025)Regioni gestiteUfficio delegato per il Veneto(Decreto AOODRVE REGISTRO DECRETI n. XXXX del XXXXX)Link alle notizie

A002DESIGN DEI METALLI, DELL’OREFICERIA, DELLE PIETRE DURE E DELLE GEMME SSToscanaVenetoNotizie A002

A005DESIGN DEL TESSUTO E DELLA MODA SSLazioVenetoNotizie A005

A006DESIGN DEL VETROSSVenetoNotizie A006

A008DISCIPLINE GEOMETRICHE, ARCHITETTURA, DESIGN D’ARREDAMENTO E SCENOTECNICASSVenetoFriuli Venezia GiuliaNotizie A008

A009DISCIPLINE GRAFICHE, PITTORICHE E SCENOGRAFICHESSVenetoMarche – Emilia Romagna – Friuli Venezia GiuliaNotizie A009

A010DISCIPLINE GRAFICO-PUBBLICITARIESSVenetoLombardia – PiemonteNotizie A010

A011DISCIPLINE LETTERARIE E LATINOSSVenetoFriuli Venezia GiuliaNotizie A011

A013DISCIPLINE LETTERARIE, LATINO E GRECOSSEmilia RomagnaVenetoNotizie A013

A014DISCIPLINE PLASTICHE, SCULTOREE E SCENOPLASTICHESSEmilia RomagnaVenetoNotizie A014

A015DISCIPLINE SANITARIESSToscanaVenetoNotizie A015

A018FILOSOFIA E SCIENZE UMANESSVenetoFriuli Venezia GiuliaNotizie A018

A019FILOSOFIA E STORIA SSVenetoNotizie A019

A020FISICASSFriuli Venezia GiuliaVenetoNotizie A020

A021GEOGRAFIASSVenetoFriuli Venezia GiuliaNotizie A021

A023LINGUA ITALIANA PER DISCENTI DI LINGUA STRANIERA (ALLOGLOTTI)SSVenetoNotizie A023

A026MATEMATICASSVenetoNotizie A026

A027MATEMATICA E FISICASSVenetoNotizie A027

A028MATEMATICA E SCIENZE SSVenetoNotizie A028

A031SCIENZE DEGLI ALIMENTISSLombardiaVenetoNotizie A031

A034SCIENZE E TECNOLOGIE CHIMICHESSFriuli Venezia GiuliaVenetoNotizie A034

A037SCIENZE E TECNOLOGIE DELLE COSTRUZIONI TECNOLOGIE E TECNICHE DI RAPPRESENTAZIONE GRAFICASSVenetoFriuli Venezia GiuliaNotizie A037

A040SCIENZE E TECNOLOGIE ELETTRICHE ED ELETTRONICHESSVenetoNotizie A040

A041SCIENZE E TECNOLOGIE INFORMATICHESSEmilia RomagnaVenetoNotizie A041

A042SCIENZE E TECNOLOGIE MECCANICHESSVenetoFriuli Venezia GiuliaNotizie A042

A043SCIENZE E TECNOLOGIE NAUTICHESSEmilia RomagnaVenetoNotizie A043

A045SCIENZE ECONOMICO-AZIENDALISSVenetoNotizie A045

A046SCIENZE GIURIDICO-ECONOMICHESSVenetoNotizie A046

A047SCIENZE MATEMATICHE APPLICATESSVenetoFriuli Venezia GiuliaNotizie A047

A050SCIENZE NATURALI, CHIMICHE E BIOLOGICHESSVenetoNotizie A050

A051SCIENZE, TECNOLOGIE E TECNICHE AGRARIESSVenetoFriuli Venezia GiuliaNotizie A051

A053STORIA DELLA MUSICASSVenetoNotizie A053

A054STORIA DELL’ARTE SSVenetoEmilia Romagna – Friuli Venezia GiuliaNotizie A054

A060TECNOLOGIA NELLA SCUOLA SECONDARIA DI I GRADOSSVenetoNotizie A060

A061TECNOLOGIE E TECNICHE DELLE COMUNICAZIONI MULTIMEDIALISSLombardiaVenetoNotizie A061

A063TECNOLOGIE MUSICALI SSLiguriaVenetoNotizie A063

AB55STRUMENTO MUSICALE NEGLI ISTITUTI DI ISTRUZIONE SECONDARIA DI II GRADO – CHITARRASSCampaniaVenetoNotizie AB55

AB56STRUMENTO MUSICALE NEGLI ISTITUTI DI ISTRUZIONE SECONDARIA DI I GRADO – CHITARRAMMVenetoPiemonte – Emilia Romagna – Friuli Venezia Giulia – Liguria – LombardiaNotizie AB56

AC56STRUMENTO MUSICALE NELLA SCUOLA SECONDARIA I GRADO (CLARINETTO)MMLazioVenetoNotizie AC56

ADMMSOSTEGNO I GRADOMMVenetoNotizie ADMM

ADSSSOSTEGNO II GRADOSSVenetoNotizie ADSS

AG56STRUMENTO MUSICALE NELLA SCUOLA SECONDARIA DI I GRADO (FLAUTO)MMLazioVenetoNotizie AG56

AI56STRUMENTO MUSICALE NELLA SCUOLA SECONDARIA DI I GRADO (PERCUSSIONI)MMSiciliaVenetoNotizie AI56

AJ55STRUMENTO MUSICALE NELLA SCUOLA SECONDARIA DI II GRADO (PIANOFORTE)SSCampaniaVenetoNotizie AJ55

AJ56STRUMENTO MUSICALE NELLA SCUOLA SECONDARIA DI I GRADO (PIANOFORTE)MMLombardiaVenetoNotizie AJ56

AK56STRUMENTO MUSICALE NELLA SCUOLA SECONDARIA DI I GRADO (SAXOFONO)MMToscanaVenetoNotizie AK56

AL56STRUMENTO MUSICALE NELLA SCUOLA SECONDARIA DI I GRADO (TROMBA)MMLazioVenetoNotizie AL56

AM01ARTE E IMMAGINE NELLA SCUOLA SECONDARIA DI I GRADOMMVenetoFriuli Venezia GiuliaNotizie AM01

AM12ITALIANO, STORIA, GEOGRAFIA NELLA SCUOLA SECONDARIA DI I GRADOMMVenetoNotizie AM12

AM2ALINGUA INGLESE E SECONDA LINGUA COMUNITARIA NELLA SCUOLA SECONDARIA DI I GRADO (FRANCESE)MMVenetoFriuli Venezia GiuliaNotizie AM2A

AM2BLINGUA INGLESE E SECONDA LINGUA COMUNITARIA NELLA SCUOLA SECONDARIA DI I GRADO (INGLESE)MMVenetoNotizie AM2B

AM2CLINGUA INGLESE E SECONDA LINGUA COMUNITARIA NELLA SCUOLA SECONDARIA DI I GRADO (SPAGNOLO)MMVenetoFriuli Venezia Giulia – Emilia RomagnaNotizie AM2C

AM2DLINGUA INGLESE E SECONDA LINGUA COMUNITARIA NELLA SCUOLA SECONDARIA DI I GRADO (TEDESCO)MMVenetoFriuli Venezia Giulia – Emilia RomagnaNotizie AM2D

AM30MUSICA NELLA SCUOLA SECONDARIA DI I GRADO MMVenetoNotizie AM30

AM48SCIENZE MOTORIE E SPORTIVE NELLA SCUOLA SECONDARIA DI I GRADOMMVenetoNotizie AM48

AM55STRUMENTO MUSICALE NEGLI ISTITUTI DI ISTRUZIONE SECONDARIA DI II GRADO (VIOLINO)SSLombardiaVenetoNotizie AM55

AM56STRUMENTO MUSICALE NEGLI ISTITUTI DI ISTRUZIONE SECONDARIA DI I GRADO (VIOLINO)MMLombardiaVenetoNotizie AM56

AN56STRUMENTO MUSICALE NEGLI ISTITUTI DI ISTRUZIONE SECONDARIA DI I GRADO (VIOLONCELLO)MMCalabriaVenetoNotizie AN56

AS01DISEGNO E STORIA DELL’ARTE NEGLI ISTITUTI DI ISTRUZIONE SECONDARIA DI II GRADOSSVenetoFriuli Venezia GiuliaNotizie AS01

AS12DISCIPLINE LETTERARIE NEGLI ISTITUTI DI ISTRUZIONE SECONDARIA DI II GRADOSSVenetoNotizie AS12

AS2ALINGUE E CULTURE STRANIERE NEGLI ISTITUTI DI ISTRUZIONE DI II GRADO (FRANCESE)SSVenetoFriuli Venezia GiuliaNotizie AS2A

AS2BLINGUE E CULTURE STRANIERE NEGLI ISTITUTI DI ISTRUZIONE DI II GRADO (INGLESE)SSVenetoNotizie AS2B

AS2CLINGUE E CULTURE STRANIERE NEGLI ISTITUTI DI ISTRUZIONE DI II GRADO (SPAGNOLO)SSEmilia RomagnaVenetoNotizie AS2C

AS2DLINGUE E CULTURE STRANIERE NEGLI ISTITUTI DI ISTRUZIONE DI II GRADO (TEDESCO)SSVenetoNotizie AS2D

AS2ELINGUE E CULTURE STRANIERE NEGLI ISTITUTI DI ISTRUZIONE DI II GRADO (RUSSO)SSLombardiaVenetoNotizie AS2E

AS48SCIENZE MOTORIE E SPORTIVE NELLA SCUOLA SECONDARIA DI II GRADOSSVenetoNotizie AS48

B003LABORATORI DI FISICASSEmilia RomagnaVenetoNotizie B003

B006LABORATORIO DI ODONTOTECNICASSLazioVenetoNotizie B006

B011LABORATORI DI SCIENZE E TECNOLOGIE AGRARIESSVenetoFriuli Venezia GiuliaNotizie B011

B012LABORATORI DI SCIENZE E TECNOLOGIE CHIMICHE E MICROBIOLOGICHESSPiemonteVenetoNotizie B012

B014LABORATORI DI SCIENZE E TECNOLOGIE DELLE COSTRUZIONISSVenetoNotizie B014

B015LABORATORI DI SCIENZE E TECNOLOGIE ELETTRICHE ED ELETTRONICHESSVenetoFriuli Venezia GiuliaNotizie B015

B016LABORATORI DI SCIENZE E TECNOLOGIE INFORMATICHESSVenetoFriuli Venezia GiuliaNotizie B016

B017LABORATORI DI SCIENZE E TECNOLOGIE MECCANICHESSVenetoFriuli Venezia GiuliaNotizie B017

B018LABORATORI DI SCIENZE E TECNOLOGIE TESSILI, DELL’ABBIGLIAMENTO E DELLA MODASSEmilia RomagnaVenetoNotizie B018

B019LABORATORI DI SERVIZI DI RICETTIVITA’ ALBERGHIERA SSLazioVenetoNotizie B019

B020LABORATORI DI SERVIZI ENOGASTRONOMICI, SETTORE CUCINA SSPiemonteVenetoNotizie B020

B021LABORATORI DI SERVIZI ENOGASTRONOMICI, SETTORE SALA E VENDITASSEmilia RomagnaVenetoNotizie B021

B022LABORATORI DI TECNOLOGIE E TECNICHE DELLE COMUNICAZIONI MULTIMEDIALISSLombardiaVenetoNotizie B022

B023LABORATORI PER I SERVIZI SOCIO-SANITARISSLombardiaVenetoNotizie B023

B024LABORATORIO DI SCIENZE E TECNOLOGIE NAUTICHESSCampaniaVenetoNotizie B024

BA02CONVERSAZIONE IN LINGUA STRANIERA (FRANCESE)SSLazioVenetoNotizie BA02

BB02CONVERSAZIONE IN LINGUA STRANIERA (INGLESE) SSMarcheVenetoNotizie BB02

BC02CONVERSAZIONE IN LINGUA STRANIERA (SPAGNOLO)SSLazioVenetoNotizie BC02

BD02CONVERSAZIONE IN LINGUA STRANIERA (TEDESCO)SSLombardiaVenetoNotizie BD02

usr-veneto
Ufficio Scolastico Regionale 15/10/2025

DAL CNR IL VIDEOGAME PER INSEGNARE LA CYBERSECURITY AI RAGAZZI, 'NABBOVALDO E IL RICATTO DAL CYBERSPAZIO'

Grazie a Caldo Dutto per la segnalazione! Chiedo scusa per il ritardo del post, ma la mail era finita nello spam :)Un videogame educativo sulla cybersecurity, progettato con il CNR! In allegato le foto e un trailer qui: https://www.youtube.com/watch?v=YQy8pqol36cAl link www.youtube.com/watch?v=qeWx_nQXgdw una cronaca della presentazione a Cinecittà e una intervista alla dott.ssa Giorgia Bassi, curatrice del progetto.Presentato al RomeVideoGameLab, “Nabbovaldo e il ricatto dal cyberspazio”, videogioco per imparare la Cybersecurity.Il gaming in classe ora diventa didattica.Giocare a scuola sarà addirittura consigliato,grazie al Serious Game della Ludoteca del Registro.it, progetto in seno al CNRPresentato, in occasione del RomeVideoGameLab – quest’anno dedicata a “Umano e digitale” – il videogioco didattico “Nabbovaldo e il ricatto dal cyberspazio”, pensato per avvicinare gli alunni tra gli 11 e i 13 anni ai temi della cybersecurity e per migliorare i comportamenti nell’utilizzo della Rete. Una cronaca video della presentazione, realizzata da Giorgia Bassi e Beatrice Lami e che si è tenuta agli Studi di Cinecittà, al link www.youtube.com/watch?v=qeWx_nQXgdw. Un’avventura interattiva, tutta da giocare in aula: non una distrazione, ma anzi una best practice, quella di scaricare un’App e usare lo smartphone a scuola.Si tratta della nuova iniziativa della Ludoteca del Registro.it, che ha come obiettivo quello di diffondere la cultura di internet presso le giovani generazioni. La Ludoteca è un progetto del Registro.it, – l’organismo che, in seno all’Istituto di informatica e Telematica del Consiglio Nazionale delle Ricerche di Pisa, da oltre trent’anni anni assegna e gestisce i domini a targa italiana. Ambienti, mappe, dialoghi, scenari multipli sono i contenuti – validati dai ricercatori del CNR – alla base del videogame che ha l’obiettivo di approfondire, tra i bambini e i ragazzi, le conoscenze legate al Web e la sicurezza online. “Nabbovaldo e il ricatto dal cyberspazio” è stato pensato come strumento didattico per gli insegnanti e come mezzo di apprendimento per gli studenti. Attraverso le modalità tipiche del videogame, infatti, ha l’obiettivo di insegnare, in modo ironico e inconsueto, termini informatici, nozioni di base e comportamenti corretti per navigare. La sezione “Nabbopedia”, inoltre, fornisce un mini-dizionario con le definizioni di alcuni termini tecnici come Trojan, Firewall, Adware, Antivirus, Troll, Ransomware, Scandisk e Spyware. Il gioco, fruibile sia singolarmente che mentre si fanno lezioni e laboratori, genera un punteggio finale che evidenzia la conoscenza dell’utente sui pericoli di Internet, con una speciale attenzione a social network, virus, truffe online, file sharing e netiquette.Sviluppato in collaborazione con Symmaceo e Grifo Multimedia – e disponibile su App Store di Apple e Google Play – è ispirato al fumetto “Nabbovaldo contro i PC zombie”, della collana “Comics & Science” edita dal Cnr, dove il protagonista, un adolescente sempre online ma ingenuo nell’affrontare i pericoli del cyberspazio, si muove a Internetopoli, la città della Rete. Come si evince dal trailer, al link https://www.youtube.com/watch?v=YQy8pqol36c, il videogioco racconta di Nabbo, di professione tuttofare, coinvolto in un’avventura con al centro un Ramsomware (un malware che estorce denaro) che terrà sotto scacco l’intera città e dovrà indagare cercando una soluzione.Infine, per divulgare il videogame nelle scuole italiane è prevista una guida per genitori e insegnanti e una formazione per i docenti. Il gioco, infatti, oltre alla modalità “single-player”, prevede una versione desktop Windows e MacOS per l’utilizzo didattico in classe. La metodologia proposta dalla Ludoteca del Registro.it sarà inoltre quella della “flipped classroom”, ovvero il momento di confronto in classe come base per un apprendimento attivo e collaborativo, ma anche con il coinvolgimento di studenti degli istituti superiori nel ruolo di “tutor” per gli alunni delle scuole di ordine inferiore.Per maggiori informazioni:www.ludotecaregistro.it/il-videogioco-nabbovaldo/[email protected]/ludotecadelregistro.it/www.facebook.com/LudotecaRegistrowww.youtube.com/channel/UCQvCwo8lOHfe–od7f2TIpQ

guamodi-scuola
Guamodi Scuola 28/04/2022

Vuoi rimanere aggiornato sulle nuove tecnologie per la Didattica e ricevere suggerimenti per attività da fare in classe?

Sei un docente?

soloscuola.it la prima piattaforma
No Profit gestita dai

Volontari Per la Didattica
per il mondo della Scuola. 

 

Tutti i servizi sono gratuiti. 

Associazione di Volontariato Koinokalo Aps

Ente del Terzo Settore iscritta dal 2014
Tutte le attività sono finanziate con il 5X1000

Report

Harassment or bullying behavior
Contains mature or sensitive content
Contains misleading or false information
Contains abusive or derogatory content
Contains spam, fake content or potential malware

Block Member?

Please confirm you want to block this member.

You will no longer be able to:

  • See blocked member's posts
  • Mention this member in posts
  • Invite this member to groups
  • Message this member
  • Add this member as a connection

Please note: This action will also remove this member from your connections and send a report to the site admin. Please allow a few minutes for this process to complete.

Report

You have already reported this .