{"id":33690,"date":"2017-10-14T03:01:23","date_gmt":"2017-10-13T17:01:23","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=33690"},"modified":"2017-10-13T08:10:44","modified_gmt":"2017-10-12T22:10:44","slug":"htmljavascript-esl-indirect-speech-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-esl-indirect-speech-game-tutorial\/","title":{"rendered":"HTML\/Javascript ESL Indirect Speech Game Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/indirect_speech_game.html\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"HTML\/Javascript ESL Indirect Speech Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/indirect_speech_game.jpg\" title=\"HTML\/Javascript ESL Indirect Speech Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript ESL Indirect Speech Game Tutorial<\/p><\/div>\n<p>We have a new <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;) game on the topic of Indirect Speech, and getting the tense correct, with some English sentences we present in the game.  We thank How English Works by Michael Swan and Catherine Walter (ISBN: 978-0-19-431456-5) for ideas here.<\/p>\n<p>As we do often do with ESL games, there is the &#8230;<\/p>\n<ul>\n<li>functionality to add your own Indirect Speech sentence pairings into the mix, differentiating between mobile and non-mobile users who respectively use an HTML <a target=_blank title='HTML input tag information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_input.asp'>input<\/a> type=text textbox and Javascript <a target=_blank title='Javascript prompt window information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_prompt.asp'>prompt<\/a> window as the means of interactively entering this information &#8230; and data wise there is &#8230;<\/li>\n<li>the one &#8220;sentences&#8221; Javascript array using the &#8220;\/&#8221; delimitation to separate (answer) dropdown options, the correct one flagged by an initial capital letter, and hidden from the viewer just by not populating HTML <a target=_blank title='HTML element title property information from w3schools' href='https:\/\/www.w3schools.com\/jsref\/prop_html_title.asp'>title=<\/a> properties<\/li>\n<li>the Javascript <a target=_blank title='Javascript setTimeout method information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_settimeout.asp'><i>setTimeout<\/i><\/a> timer functionality helps out with a &#8220;?&#8221; HTML <i>a<\/i> link chance to discover the correct answer, when answering incorrectly, via a Javascript <a target=_blank title='Javascript prompt window information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_alert.asp'>alert<\/a> window<\/li>\n<\/ul>\n<p>The Indirect Speech game is just written in HTML (with inline Javascript and inline CSS) that you can download with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/indirect_speech_game.html_GETME\" title=\"indirect_speech_game.html\">indirect_speech_game.html<\/a> and\/or try yourself at this <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/indirect_speech_game.html\" title=\"Click picture\">live run<\/a> link.<\/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='#d33690' onclick='var dv=document.getElementById(\"d33690\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/game\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d33690' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We have a new ESL (or &#8220;English as a Second or Foreign Language&#8221;) game on the topic of Indirect Speech, and getting the tense correct, with some English sentences we present in the game. We thank How English Works by &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-esl-indirect-speech-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,15,37],"tags":[103,388,396,476,477,997,1761,1000,2232,1119,1179,1319,1452],"class_list":["post-33690","post","type-post","status-publish","format-standard","hentry","category-elearning","category-games","category-tutorials","tag-array","tag-english","tag-esl","tag-game","tag-games-2","tag-programming","tag-prompt","tag-prompt-popup-box","tag-property","tag-sentence","tag-speech","tag-tutorial","tag-word"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/33690"}],"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=33690"}],"version-history":[{"count":7,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/33690\/revisions"}],"predecessor-version":[{"id":33701,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/33690\/revisions\/33701"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=33690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=33690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=33690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}