HTML/Javascript Jobs Match Game Tutorial

HTML/Javascript Jobs Match Game Tutorial

HTML/Javascript Jobs Match Game Tutorial

Do you like word games? Today’s game asks you to associate job descriptions with words … we’re going to call the game “The Jobs Match Game” (too snappy for you?!) … and you score points for correct word associations you supply that satisfy our relevance criteria (which is a bit subjective … you may disagree … Complaints Department). It uses English words, based on the dictionary arrangements at its (web) server. Maybe it would be a good game to learn English vocabulary.

Today’s data source is a book called Five-Minute Activities by Penny Ur and Andrew Wright. We thank this source for their great Job Description word list, and the game concept itself, as outlined on page 50.

This game uses HTML and Javascript programming languages.

Hopefully you can figure the rules when you click the picture above for a live run.

Another thank you to The Free Dictionary for its great online presence as a dictionary resource, for the functionality to explain an unknown or incomplete answer for the word in question, for its dictionary meaning. The image map “click parts of the picture” vocabulary ESL tutorials at this blog use the same resource to explain dictionary information about clicked on “things”.

Programming features of this program are the Javascript use of eval and document.write to make use of pre-defined arrays. Read more about Javascript eval with a previous tutorial called PHP/Javascript Eval Primer Tutorial.

Anyway, see how you go with this practical game!

Thanks to Mobilefish for ImageMap service at http://www.mobilefish.com/services/image_map/image_map.php.

Here is a link to some downloadable HTML (with Javascript) programming code you could rename to matchpeople.html

If this was interesting you may be interested in this too.

This entry was posted in eLearning, ESL, Games, Tutorials and tagged , , , , , , , , , . Bookmark the permalink.

2 Responses to HTML/Javascript Jobs Match Game Tutorial

Leave a Reply

Your email address will not be published. Required fields are marked *