Challenge

Words Game

1 Beginner

Web app che mostra una tastiera e chiede all'utente di scrivere una parola senza commettere errori.

Eventi DOM
Words Game

In questa challenge l’obiettivo è creare una web app in cui è presente il layout di una tastiera e una parola da scrivere.

La web app “ascolta” i tasti premuti dal giocatore:

  • per ogni lettera corretta aumenta il punteggio di 1
  • per ogni lettera sbagliata decrementa il punteggio di 1 (o aumenta gli errori di 1)

Man mano che scriviamo la parola, questa viene colorata di verde. Alla pressione dei tasti da parte del giocatore possiamo associare una piccola animazione sul singolo tasto presente nel layout, simulando la pressione dello stesso.

Bonus

  • Animazione alla pressione di un tasto sbagliato
  • Calcolo velocità di scrittura
  • Possibilità di scrivere frasi e non solo parole
  • Schermata di fine gioco e possibilità di ricominciare

Consigli

Scegli le tecnologie che preferisci per affrontare la challenge. Il nostro consiglio è sempre quello di mettersi alla prova con qualcosa di nuovo, che sia un linguaggio, un argomento o una funzionalità. Se può aiutarti puoi partire da una versione statica e aggiungere dinamicità un passo alla volta.