{"id":27032,"date":"2016-12-22T03:01:26","date_gmt":"2016-12-21T17:01:26","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=27032"},"modified":"2016-12-22T08:05:16","modified_gmt":"2016-12-21T22:05:16","slug":"htmljavascript-subject-areas-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-subject-areas-game-tutorial\/","title":{"rendered":"HTML\/Javascript Subject Areas Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/subject_areas.html\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"HTML\/Javascript Homonymns Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/subject_areas.jpg\" title=\"HTML\/Javascript Subject Areas Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Subject Areas Game Tutorial<\/p><\/div>\n<p>We&#8217;ve called today&#8217;s web application game &#8220;Subject Areas&#8221;, primarily designed for testing and\/or improving the vocabulary skills for <a target=_blank title='ESL information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> (or &#8220;English as a Second or Foreign Language&#8221;) students.<\/p>\n<p>We humans love to categorize things, and today, with this game of ours, we are facilitating that penchant we have by our &#8220;categories&#8221; being &#8220;Subjects&#8221;, like at school or in life, and the user of the game is asked to look down a list of words to pick ones where the word has a synergy with the &#8220;Subject&#8221;.  They score a point if we agree, and don&#8217;t think we don&#8217;t know if you cheat?!!?!?<\/p>\n<p>So why not try our <a target=_blank title='Click picture' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/subject_areas.htm'>live run<\/a> (which, today, acts differently to the web application that happens when you click the tutorial picture &#8230; more on that tomorrow, if you can&#8217;t guess it yourself?!) or peruse the HTML and Javascript code behind its operation with <a target=_blank title='subject_areas.html' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/subject_areas.html_GETME'>subject_areas.html<\/a> today?  That wasn&#8217;t rhetorical, was it?!<\/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='#d27032' onclick='var dv=document.getElementById(\"d27032\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/esl\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d27032' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve called today&#8217;s web application game &#8220;Subject Areas&#8221;, primarily designed for testing and\/or improving the vocabulary skills for ESL (or &#8220;English as a Second or Foreign Language&#8221;) students. We humans love to categorize things, and today, with this game of &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-subject-areas-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,476,477,576,652,997,1319,1388,1452],"class_list":["post-27032","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-games","category-tutorials","tag-esl","tag-game","tag-games-2","tag-html","tag-javascript","tag-programming","tag-tutorial","tag-vocabulary","tag-word"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/27032"}],"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=27032"}],"version-history":[{"count":4,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/27032\/revisions"}],"predecessor-version":[{"id":27041,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/27032\/revisions\/27041"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=27032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=27032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=27032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}