{"id":7892,"date":"2014-06-01T05:08:34","date_gmt":"2014-05-31T19:08:34","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=7892"},"modified":"2020-08-24T20:33:29","modified_gmt":"2020-08-24T10:33:29","slug":"htmljavascript-categories-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-categories-game-tutorial\/","title":{"rendered":"HTML\/Javascript Word Categories Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/WordCategories\/\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Word Categories Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/WordCategories\/WordCategoriesGame.jpg\" title=\"HTML\/Javascript Word Categories Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Word Categories Game Tutorial<\/p><\/div>\n<p>Do you like word games?  Today&#8217;s game asks you to categorize words &#8230; we&#8217;re going to call the game <i>&#8220;The Word Categories Game&#8221;<\/i> (too snappy for you?!) &#8230; and you score points (you get more points for advanced word categorizations) for each correct word you supply that satisfies the requirements.  It uses English words, based on the dictionary arrangements at its (web) server.   Maybe it would be a good game to learn English vocabulary.<\/p>\n<p>Today&#8217;s data source is a book called <i>Five-Minute Activities<\/i> by Penny Ur and Andrew Wright.   We thank this source for their great Categories word list on pages 6 and 7.<\/p>\n<p>This <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/WordCategories\/\" title=\"Categories Game\">game<\/a> uses HTML and Javascript programming languages.<\/p>\n<p>Hopefully you can figure the rules when you click the picture above for a <a target=_blank title=\"live run\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/WordCategories\/\">live run<\/a>.<\/p>\n<p>Another thank you to <a target=_blank title='The Free Dictionary' href='http:\/\/thefreedictionary.com'>The Free Dictionary<\/a> 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 &#8220;click parts of the picture&#8221; <a target=_blank title='Pointed at vocabulary tutorials' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=vocabulary'>vocabulary ESL tutorials<\/a> at this blog use the same resource to explain dictionary information about clicked on &#8220;things&#8221;.<\/p>\n<p>Programming features of this program are the Javascript use of <a target=_blank href='http:\/\/www.w3schools.com\/jsref\/jsref_eval.asp' title='Javascript eval'>eval<\/a> and  <a target=_blank href='http:\/\/www.w3schools.com\/jsref\/met_doc_write.asp' title='Javascript document.write'>document.write<\/a> to make use of pre-defined arrays.  Read more about Javascript eval with a previous tutorial called <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=3800' title='PHP\/Javascript Eval Primer Tutorial'>PHP\/Javascript Eval Primer Tutorial<\/a>.<\/p>\n<p>Anyway, see how you go with this organizational game!<\/p>\n<p>Thanks to Mobilefish for ImageMap service at <a target=_blank title='Mobilefish ImageMap service' href='http:\/\/www.mobilefish.com\/services\/image_map\/image_map.php'>http:\/\/www.mobilefish.com\/services\/image_map\/image_map.php<\/a>.<\/p>\n<p>Here is a link to some downloadable HTML (with Javascript) programming code you could rename to <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/WordCategories\/wordcategories.html_GETME\" title=\"=wordcategories.html\">wordcategories.html<\/a><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#7892' onclick='var dv=document.getElementById(\"d7892\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=ESL\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d7892' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Do you like word games? Today&#8217;s game asks you to categorize words &#8230; we&#8217;re going to call the game &#8220;The Word Categories Game&#8221; (too snappy for you?!) &#8230; and you score points (you get more points for advanced word categorizations) &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-categories-game-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,13,15,37],"tags":[352,396,399,477,576,652,997,1319,1388,1454],"class_list":["post-7892","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-games","category-tutorials","tag-document-write","tag-esl","tag-eval","tag-games-2","tag-html","tag-javascript","tag-programming","tag-tutorial","tag-vocabulary","tag-word-games"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7892"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=7892"}],"version-history":[{"count":2,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7892\/revisions"}],"predecessor-version":[{"id":50090,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7892\/revisions\/50090"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=7892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=7892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=7892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}