{"id":7812,"date":"2014-05-20T05:01:54","date_gmt":"2014-05-19T19:01:54","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=7812"},"modified":"2014-05-20T05:01:54","modified_gmt":"2014-05-19T19:01:54","slug":"htmljavascript-odd-one-out-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-odd-one-out-game-tutorial\/","title":{"rendered":"HTML\/Javascript Odd One Out Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/OddOneOutGame\/\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Odd One Out Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/OddOneOutGame\/OddOneOutWordGame.jpg\" title=\"HTML\/Javascript Odd One Out Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Odd One Out Game Tutorial<\/p><\/div>\n<p>Do you like word games?  Today&#8217;s game asks for a word that is the odd one out in a list of words &#8230; we&#8217;re going to call the game <i>&#8220;The Odd One Out Game&#8221;<\/i> (too snappy for you?!) &#8230; and you score points (you get more points for harder words) 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 odd one out word list ideas on pages 58 and 59.<\/p>\n<p>This <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/OddOneOutGame\/\" title=\"Odd One Out 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\/OddOneOutGame\/\">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>Anyway, see how you go with this thought-provoking 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\/OddOneOutGame\/oddoneout.html_GETME\" title=\"oddoneout.html\">oddoneout.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='#7812' onclick='var dv=document.getElementById(\"d7812\"); 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='d7812' 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 for a word that is the odd one out in a list of words &#8230; we&#8217;re going to call the game &#8220;The Odd One Out Game&#8221; (too snappy for you?!) &#8230; and &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-odd-one-out-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":[396,477,576,652,997,1319,1388,1454],"class_list":["post-7812","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-games","category-tutorials","tag-esl","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\/7812"}],"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=7812"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7812\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=7812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=7812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=7812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}