Obiettivo: Realizzare un programma che implementi una semplice avventura testuale utilizzando il linguaggio di programmazione HTML, CSS e JAVASCRIPT.
Codice:
Viene in seguito illustrato il codice utilizzato per implementare una semplice avventura testuale. Questa avventura è caratterizzata da una sequenza di scene attraverso le quali è possibile muoversi premendo due differenti pulsanti. I due pulsanti permettono di cambiare scena attraverso due differenti funzioni javascript (Funzione1() e Funzione2()).
Nello specifico, dal punto di vista del codice HTML, la pagina è caratterizzata da:
- Un titolo principale (“L’Isola del Mistero”) (<h1>).
- Una descrizione della scena corrente (<p>).
- Immagine della scena corrente (<img>).
- Due differenti pulsanti che permettono di cambiare scena (<button>).
Viene in seguito riportato uno screenshot relativo all’avventura testuale.
Differentemente, dal punto di vista del codice JAVASCRIPT, il codice è costituito da 5 differenti array. Ogni array è utilizzato per aggiornare la singola scena in seguito alla pressione di uno dei due pulsanti. E’ importante considerare che ad ogni specifico indice degli array corrisponde ad una specifica scena.
In seguito sono descritti i 5 array impiegati nel codice javascript
- Array delle descrizioni (descrizione [])
- Array delle opzioni associate al pulsante1 (opzioni1 [])
- Array delle opzioni associate al pulsante2 (opzioni2 [])
- Array degli stati successivi associati al pulsante1 (next1 [])
- Array degli stati successivi associati al pulsante2 (next2 [])
