{"id":7820,"date":"2014-06-12T05:04:56","date_gmt":"2014-06-11T19:04:56","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=7820"},"modified":"2018-02-08T20:51:18","modified_gmt":"2018-02-08T10:51:18","slug":"htmljavascript-vocabulary-steps-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-vocabulary-steps-game-tutorial\/","title":{"rendered":"HTML\/Javascript Vocabulary Steps Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/VocabularyStepsGame\/\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Vocabulary Steps Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/VocabularyStepsGame\/VocabularyStepsWordGame.jpg\" title=\"HTML\/Javascript Vocabulary Steps Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Vocabulary Steps Game Tutorial<\/p><\/div>\n<p>Do you like word games?  Today&#8217;s game asks for words that form a Vocabulary Step word list, in an order that ascends or descends &#8230; we&#8217;re going to call the game <i>&#8220;The Vocabulary Steps Game&#8221;<\/i> (too snappy for you?!) &#8230; and you start with a score of 100 points and try not to lose points for getting words out of order (you lose more points for harder Vocabulary Step lists).<\/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 86-88.<\/p>\n<p>This <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/VocabularyStepsGame\/\" title=\"Vocabulary Steps 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\/VocabularyStepsGame\/\">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 subtly difficult game!<\/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\/VocabularyStepsGame\/vocabularysteps.html_GETME\" title=\"vocabularysteps.html\">vocabularysteps.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='#7820' onclick='var dv=document.getElementById(\"d7820\"); 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='d7820' 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 words that form a Vocabulary Step word list, in an order that ascends or descends &#8230; we&#8217;re going to call the game &#8220;The Vocabulary Steps Game&#8221; (too snappy for you?!) &#8230; &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-vocabulary-steps-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],"class_list":["post-7820","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"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7820"}],"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=7820"}],"version-history":[{"count":1,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7820\/revisions"}],"predecessor-version":[{"id":36067,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/7820\/revisions\/36067"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=7820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=7820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=7820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}