Gioco indovina numero in JavaScript con il DOM

In questa lezione svilupperemo il gioco indovina numero in JavaScript utilizzando il DOM. Il gioco “Indovina il Numero” è un gioco interattivo in cui l’utente ha l’obiettivo di indovinare un numero segreto generato casualmente dal computer.

Il gioco da realizzare sarà simile a questo:

Gioca!

Prova il gioco inserendo il numero da indovinare nella casella di input:

div#layout { font-family: ‘Arial’, sans-serif; background-color: #f9f9f9; margin: 0; display: flex; justify-content: center; align-items: center; } .container2 { text-align: center; background-color: #ffffcc; padding: 60px; border-radius: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } h1 { color: #333; } p { color: #555; margin-bottom: 20px; } input { padding: 15px; font-size: 18px; border: 1px solid #ddd; border-radius: 6px; width: 80px; } button#new, button#check { padding: 15px 30px; font-size: 18px; cursor: pointer; background-color: #6600ff; color: #fff; border: none; border-radius: 8px; } button#new:hover,button#new:check { background-color: #2c53ff; } #message { color: #900C3F; font-size: 20px; margin-top: 30px; } #attempts { color: #333; font-size: 18px; margin-top: 20px; } button:disabled { background-color: #ddd; color: #666; cursor: not-allowed; } Indovina il Numero

Inserisci un numero compreso tra 1 e 100:

Conferma

Tentativi rimanenti:

Nuova Partita Funzionamento del gioco indovina

Articoli Correlati

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

Nuovo PEI 2022-2023: guida operativa alla compilazione, esempi precompilati, documenti utili

In questo post, che racchiude risorse di diverso tipo a supporto dei docenti che hanno a che fare con la compilazione del nuovo PEI 2022-2023, troverai i seguenti contenuti:1. Guide Erickson (le migliori e più esaustive) alla compilazione del NUOVO PEI;2. Due guide, una testuale e una in formato video, alla compilazione del NUOVO PEI (tratta dal sito “diversi tutti”);3. Guida alla compilazione del NUOVO PEI elaborata dal Comprensivo di Calolziocorte(LC);4. Un esempio di NUOVO PEI precompilato;5. Una video guida alla compilazione del NUOVO PEI tratta dal canale Gessetti Colorati6. I documenti previsti dal decreto 182 del 2020 sono i seguenti.********************************1. In questo post forniamo ai colleghi diverse tipologie di materiali che riguardano la compilazione del nuovo PEI 2022-2023. Per questo ti consigliamo di leggere tutto l’articolo per trovare quelli che sono più congeniali alle tue esigenze.Per iniziare, consigliamo lo studio e la lettura integrale dei materiali proposti di seguito, perché, oltre a dare una cronice culturale e pedagogica esaustiva del nuovo PEI, ne illustrano anche nel dettaglio le caratteristiche. Li consigliamo soprattutto ai docenti di sostegno.- Costruire il nuovo PEI all’infanzia. Strumenti di osservazione, schede-guida ed esempi di sezioni compilate.- Costruire il nuovo PEI alla primaria. Strumenti di osservazione, schede-guida ed esempi di sezioni compilate.- Costruire il nuovo PEI alla secondaria di primo grado. Strumenti di osservazione, schede-guida ed esempi di sezioni compilate.- Costruire il nuovo PEI alla secondaria di secondo grado. Strumenti di osservazione, schede-guida ed esempi di sezioni compilate.- I NUOVI PEI: come sono e in che modo compilarli in ottica BIO-PSICO-SOCIALE.: SOS PEI-ICF- Costruire il nuovo PEI su base ICF 2022: Guida pratica per insegnanti alla compilazione del nuovo pei in ottica bio-psico-sociale. Con espansione on-line.2. Riportiamo, tratte dal sito diversitutti.com, due guide gratuite alla compilazione del nuovo PEI, una VIDEO e l’altra testuale. Quest’ultima è senza dubbio più approfondita dell’altra.- Guida VIDEO: Guida operativa alla compilazione del nuovo PEI ICF-CYOppure puoi vederlo in basso:
– Guida in formato Testuale. LINK: L’unica guida per compilare il PEI ICF, gratuita e operativa!3. COME COMPILARE IL NUVO PEI?Per aiutare i colleghi a compilare il nuovo PEI in ogni sua parte, proponiamo una guida elaborata dall’Istituto Comprensivo di Calolziocorte(LC): per ogni sezione del documento viene spiegato di cosa si tratta, cosa riportarvi, cosa inserire:VAI ALLA GUIDA PER LA COMPILAZIONE DEL NUOVO PEI4. NUOVO PEI: UN ESEMPIO PRECOMPILATOIn rosso le parti precompilate che, ovviamente, sono soltanto degli esempi che vanno modificati a seconda dell’alunno per il quale redigiamo il PEIVAI ALL’ESEMPIO DI PEI PRECOMPILATO5. VIDEO GUIDAUna video guida alla compilazione del NUOVO PEI tratta dal canale Gessetti ColoratiCOME COMPILARE IL NUOVO PEI6. I documenti previsti dal decreto 182 del 2020 sono i seguenti:Linee guida – Modalità di assegnazione delle misure di sostegno e modello di PEIModello di PEI per la scuola dell’infanzia  Modello di PEI per la scuola primaria  Modello di PEI per la scuola secondaria di I grado  Modello di PEI per la scuola secondaria di II grado  Scheda per l’individuazione del debito di funzionamento

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