{"id":7803,"date":"2014-05-26T05:03:58","date_gmt":"2014-05-25T19:03:58","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=7803"},"modified":"2014-05-26T05:03:58","modified_gmt":"2014-05-25T19:03:58","slug":"htmljavascript-opposites-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-opposites-game-tutorial\/","title":{"rendered":"HTML\/Javascript Opposites Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/OppositesGame\/\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Opposites Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/OppositesGame\/OppositesWordGame.jpg\" title=\"HTML\/Javascript Opposites Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Opposites Game Tutorial<\/p><\/div>\n<p>Do you like word games?  Today&#8217;s game takes a word and asks for words that are of an opposite meaning &#8230; we&#8217;re going to call the game <i>&#8220;The Opposites 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 opposites word list on pages 59, 60 and 61.<\/p>\n<p>This <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/OppositesGame\/\" title=\"Opposites 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\/OppositesGame\/\">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 visual 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\/OppositesGame\/opposites.html_GETME\" title=\"opposites.html\">opposites.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='#7803' onclick='var dv=document.getElementById(\"d7803\"); 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='d7803' 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 takes a word and asks for words that are of an opposite meaning &#8230; we&#8217;re going to call the game &#8220;The Opposites Game&#8221; (too snappy for you?!) &#8230; and you score points (you &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-opposites-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-7803","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\/7803"}],"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=7803"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7803\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=7803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=7803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=7803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}