HTML/Javascript ESL Scenario Question Answer Game Tutorial
We have a new ESL (or “English as a Second or Foreign Language”) game on the topic of Scenario Question Answer, and getting the missing component, 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.
The web application has a simple two array structure …
- a “scenarios” Javascript array
- a “sentences” Javascript array using the “?” delimitation to separate scenerio index?fully defined question?contextual question?answer
… leaving us four concepts …
- scenerio index
- fully defined question
- contextual question
- answer
… one of which is made to be “unknown” (for the user to guess) into a …
- HTML select element dropdown the user can correctly select from to “run” the game … and the relevant “knowns” are written into …
- HTML textarea readonly=readonly elements
The Scenario Question Answer game is just written in HTML (with inline Javascript and inline CSS) that you can download with q_and_a.html and/or try yourself at this live run link.
If this was interesting you may be interested in this too.
