HTML/Javascript ESL Indirect Speech Game Tutorial
We have a new ESL (or “English as a Second or Foreign Language”) game on the topic of Indirect Speech, and getting the tense correct, with some English sentences we present in the game. We thank How English Works by Michael Swan and Catherine Walter (ISBN: 978-0-19-431456-5) for ideas here.
As we do often do with ESL games, there is the …
- functionality to add your own Indirect Speech sentence pairings into the mix, differentiating between mobile and non-mobile users who respectively use an HTML input type=text textbox and Javascript prompt window as the means of interactively entering this information … and data wise there is …
- the one “sentences” Javascript array using the “/” delimitation to separate (answer) dropdown options, the correct one flagged by an initial capital letter, and hidden from the viewer just by not populating HTML title= properties
- the Javascript setTimeout timer functionality helps out with a “?” HTML a link chance to discover the correct answer, when answering incorrectly, via a Javascript alert window
The Indirect Speech game is just written in HTML (with inline Javascript and inline CSS) that you can download with indirect_speech_game.html and/or try yourself at this live run link.
If this was interesting you may be interested in this too.
