{"id":31179,"date":"2017-07-05T03:01:53","date_gmt":"2017-07-04T17:01:53","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=31179"},"modified":"2017-07-05T08:29:53","modified_gmt":"2017-07-04T22:29:53","slug":"adverb-types-game-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/adverb-types-game-primer-tutorial\/","title":{"rendered":"Adverb Types Game Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adverb_type_modifying.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Adverb Types Game Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adverb_type_modifying.jpg\" title=\"Adverb Types Game Primer Tutorial\"\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Adverb Types Game Primer Tutorial<\/p><\/div>\n<p>If you study English grammar at a &#8220;word&#8221; level, the definition of an <a target=_blank title='adverb search' href='https:\/\/www.google.com.au\/search?q=adverb+wikipedia&#038;ie=utf-8&#038;oe=utf-8&#038;client=firefox-b-ab&#038;gfe_rd=cr&#038;ei=gxZbWa_aI4zp8wew0J2YDg'>&#8220;adverb&#8221;<\/a> becomes very fluid.  We were taught at school, maybe to simplify things, that &#8220;adverbs modify verbs&#8221;, but maybe it was because we were so young then, that the teachers didn&#8217;t want to complicate matters by telling us, if you get into it more, &#8220;adverbs, in various guises and usages, can modify verbs, adjectives or other adverbs&#8221;.  Just read <i>Text Types in English<\/i> by Mark Anderson and Kathy Anderson (ISBN: 0-7329-4584-4) pages 55 to 56 (thanks), and you can see more of that complex &#8220;adverb&#8221; definition being explained, basically around the idea that &#8220;adverbs&#8221; in English play many and various roles and could be categorized into the &#8220;adverb types&#8221; &#8230;<\/p>\n<ul>\n<li>manner<\/li>\n<li>time<\/li>\n<li>place<\/li>\n<li>irregular<\/li>\n<li>interrogative<\/li>\n<li>degree (positive)<\/li>\n<li>degree (comparative)<\/li>\n<li>degree (superlative)<\/li>\n<\/ul>\n<p> &#8230; and I bet you reading this list, instantly thought, about &#8220;adverbs&#8221; &#8230; &#8220;Yes, that&#8217;s right.  They can do all those things, and play all those roles.&#8221;  And yet, a lot of us, myself included, can have this more complex definition blur the lines between &#8220;adverbs&#8221; and <a target=_blank title='adjective search' href='https:\/\/www.google.com.au\/search?q=adjective+wikipedia&#038;ie=utf-8&#038;oe=utf-8&#038;client=firefox-b-ab&#038;gfe_rd=cr&#038;ei=gxZbWa_aI4zp8wew0J2YDg'>&#8220;adjectives&#8221;<\/a> (at the very least <font size=1>&#8230; today&#8217;s work had us struggling with the <a target=_blank title='preposition search' href='https:\/\/www.google.com.au\/search?q=preposition+wikipedia&#038;ie=utf-8&#038;oe=utf-8&#038;client=firefox-b-ab&#038;gfe_rd=cr&#038;ei=gxZbWa_aI4zp8wew0J2YDg'>&#8220;preposition&#8221;<\/a> versus &#8220;adverb&#8221; dichotomy, as well<\/font>) on occasions &#8230; you are not alone.  The fact is, though, in all of our defences, a definition does not always &#8220;happiness&#8221; make &#8230; &#8220;ponsiness&#8221; yes, &#8220;happiness&#8221; just maybe &#8230; and don&#8217;t ask me for a list of &#8220;adverbs&#8221; up to this point in this blog posting?!<\/p>\n<p>Anyway, that book&#8217;s inspiration had us writing &#8220;The Adverb Word Type and Word Modify Type Game&#8221; to present to the user some English sentences that they can &#8220;parse&#8221; in their mind, and tell the web application game what they understand to be &#8220;adverb&#8221; words in these sentences.  In summary, the game scores you points for &#8230;<\/p>\n<ul>\n<li>listing &#8220;adverb&#8221; words in English sentences &#8230; and more points for &#8230;<\/li>\n<li>listing &#8220;words modified by those adverb words&#8221; in English sentences &#8230; and more points for &#8230;<\/li>\n<li>listing &#8220;word types of those words modified by those adverb words&#8221; in English sentences &#8230; and more points for &#8230;<\/li>\n<li>listing &#8220;adverb types of those adverb words&#8221; in English sentences<\/li>\n<\/ul>\n<p>So, we hope you try out &#8220;The Adverb Word Type and Word Modify Type Game&#8221; at this <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adverb_type_modifying.html\" title='Click picture'>live run<\/a> link and\/or download the HTML and CSS and Javascript code you could call <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adverb_type_modifying.html_GETME\" title='adverb_type_modifying.html'>adverb_type_modifying.html<\/a> &#8230; and while perusing this code look out for &#8230;<\/p>\n<ul>\n<li>use of <a target=_blank title='Global data-* attributes information from w3schools' href='https:\/\/www.w3schools.com\/tags\/att_global_data.asp'>Global data-* attributes<\/a> &#8230; to keep the answers a (relative? &#8230; except for your more &#8220;inspecting&#8221; user) secret, yet take (&#8220;transport&#8221;) them &#8230; cute, huh? &#8230; along with the HTML elements<\/li>\n<li>use of HTML select (download) element <a target=_blank title='HTML select element multiple attribute information from w3schools' href='http:\/\/www.w3schools.com\/tags\/att_select_multiple.asp'>multiple<\/a> attribute<\/li>\n<\/ul>\n<p>You might be interested in that &#8220;adjective&#8221; versus &#8220;adverb&#8221; dichotomy with some blog postings involving threads off <a title='HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial' href='#htmlaalpct'>HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial<\/a> as shown below, too?<\/p>\n<hr>\n<p id='htmlaalpct'>Previous relevant <a target=_blank title='HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/html-adjectives-vs-adverbs-lesson-plan-checkboxes-tutorial\/'>HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.jpeg\" title=\"HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial<\/p><\/div>\n<p>Yesterday we consolidated the functionality of a web application feeding off a previous web application&#8217;s web design coding &#8220;innards&#8221;, benefitting from commonalities such as &#8230;<\/p>\n<blockquote>\n<ul>\n<li>their multiple choice &#8220;feel&#8221; commonality &#8230; and &#8230; perhaps rather optimistically &#8230;<\/li>\n<li>the feel that there was commonality between the Eggheads (as opposition) and the idea, today, of a moderator, to follow up an answer by the user with an explanation, regarding the more complex examples &#8230; to the point where ones not needing follow up were still modelled into the same web design framework, by giving a meaning to &#8220;qanda&#8221; array variable sets that are blank (that being the ones not needing (extra) moderation)\n<li>the <a target=_blank title='Content Management System information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Content_management_system'>CMS<\/a> (Content Management Systems) feel of control a user can have over the (data) content of the web application<\/li>\n<\/ul>\n<\/blockquote>\n<p> &#8230; and today, as with WordPress 4.1.1&#8217;s <a target=_blank title='HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/html-adjectives-vs-adverbs-lesson-plan-checkboxes-tutorial\/'>HTML Adjectives vs Adverbs Lesson Plan Checkboxes Tutorial<\/a>, we&#8217;ve made a start thinking about the follow up phase of a <a target=_blank title='Lesson plan information from Wikipedia ...thanks' href='https:\/\/en.wikipedia.org\/wiki\/Lesson_plan'>&#8220;Lesson Plan&#8221;<\/a> an <a target=_blank title='English as a Second Language information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> teacher might think about to augment a first phase exercise with a consolidation exercise for our Adjectives versus Adverbs web application that is trying to achieve the explanation of adjective and adverb grammatical forms, principally by using examples of usage to illustrate the ideas that &#8220;adjectives describe nouns&#8221; and &#8220;adverbs modify verbs&#8221;.  The idea today is the first &#8220;Checkboxes&#8221; one of a few we thought of as a starting set of ideas, each needing HTML\/Javascript individual coding consideration &#8230;<\/p>\n<ul>\n<li>Checkboxes &#8230; turn the tabular words into HTML <a target=_blank title='HTML input type=checkbox information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/dom_obj_checkbox.asp'>checkbox<\/a> elements used for further gap fill question and answer phase &#8230; or, perhaps (ones we haven&#8217;t coded for yet) &#8230;<\/li>\n<li>Group<\/li>\n<li>Discussion<\/li>\n<li>Listening<\/li>\n<li>Reading<\/li>\n<li>Writing<\/li>\n<\/ul>\n<p>Along the way, we also thought a bit about the small screen sizes of mobile platforms to allow for an alternative data entry system better for long data entries than the Javascript <a target=_blank title='Javascript prompt window information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_prompt.asp'>prompt<\/a> window we&#8217;ve been using up to now is good at handling.  To facilitate this we&#8217;ve introduced an HTML <a target=_blank title='HTML textarea information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_textarea.asp'>textarea<\/a> method of entering this data.<\/p>\n<p>So, with our tutorial picture today, we want to show you how this user entered data can be used to completely change the web application, in pretty fundamental ways with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.jpeg\">this tutorial picture<\/a> where the same code can be used for a Mathematical Triangle Multiple Choice tutorial &#8230; via the data set &#8230;<\/p>\n<p><code><br \/>\n\"Triangle Classification\",\"\",\"Sides are 3 and 4 and 3 long.  Is the '&amp;#128208;' ...?\",\"#Scalene,Isosceles,#Equilateral\",\"\",\"\",\"Interior angles are 60 degrees and 60 and 60.  Is the '&amp;#128208;' ...?\",\"#Scalene,#Isosceles,Equilateral\",\"\",\"\",\"Interior angles are 80 degrees and 80 and 20.  Is the '&amp;#128208;' ...?\",\"#Scalene,Isosceles,#Equilateral\",\"\",\"\",\"Sides are 3 and 4 and 5 long.  Is the '&amp;#128208;' ...?\",\"Scalene,#Isosceles,#Equilateral\",\"But it is a right angled triangle because 5*5 = (3*3 + 4*4) (Pythagoras rule)\",\"Scalene,#Isosceles,#Equilateral\",\"EofMC\"<br \/>\n<\/code><\/p>\n<p> &#8230; or your shorter Lesson Plans can be parameterised via <a target=_blank title='Javascript encodeURIComponent information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/jsref_encodeuricomponent.asp'>encodeURIComponent()<\/a> and appended to <i>http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html?lessonplan=<\/i> as exemplified by <a id='myais' target=_blank title='As above' href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html?lessonplan=%22Triangle%20Classification%22%2C%22%22%2C%22Sides%20are%203%20and%204%20and%203%20long.%20%20Is%20the%20'%26%23128208%3B'%20...%3F%22%2C%22%23Scalene%2CIsosceles%2C%23Equilateral%22%2C%22%22%2C%22%22%2C%22Interior%20angles%20are%2060%20degrees%20and%2060%20and%2060.%20%20Is%20the%20'%26%23128208%3B'%20...%3F%22%2C%22%23Scalene%2C%23Isosceles%2CEquilateral%22%2C%22%22%2C%22%22%2C%22Interior%20angles%20are%2080%20degrees%20and%2080%20and%2020.%20%20Is%20the%20'%26%23128208%3B'%20...%3F%22%2C%22%23Scalene%2CIsosceles%2C%23Equilateral%22%2C%22%22%2C%22%22%2C%22Sides%20are%203%20and%204%20and%205%20long.%20%20Is%20the%20'%26%23128208%3B'%20...%3F%22%2C%22Scalene%2C%23Isosceles%2C%23Equilateral%22%2C%22But%20it%20is%20a%20right%20angled%20triangle%20because%205*5%20%3D%20(3*3%20%2B%204*4)%20(Pythagoras%20rule)%22%2C%22Scalene%2C%23Isosceles%2C%23Equilateral%22%2C%22EofMC%22\">Triangle Classification<\/a>.<\/p>\n<p>Again, we&#8217;d like to thank &#8220;How English Works &#8230; A Grammar Practice Book&#8221; by Michael Swan and Catherine Walter for the basis of the questions we ask the ESL students today.<\/p>\n<p>So here is a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html\" title='click picture'>live run<\/a> link to the Adjectives versus Adverbs ESL web application with HTML\/Javascript source code <a target=_blank title='adjective_or_adverb.html' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html---GETME' title='adjective_or_adverb.html'>adjective_or_adverb.html<\/a> and changes to yesterday&#8217;s code <a target=_blank title='adjective_or_adverb.html' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html---GETME'>here<\/a>.<\/p>\n<hr>\n<p id='hjavalpt'>Previous relevant <a target=_blank title='HTML\/Javascript Adjectives vs Adverbs Lesson Plan Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-adjectives-vs-adverbs-lesson-plan-tutorial\/'>HTML\/Javascript Adjectives vs Adverbs Lesson Plan Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/Javascript Adjectives vs Adverbs Lesson Plan Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.png\" title=\"HTML\/Javascript Adjectives vs Adverbs Lesson Plan Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Adjectives vs Adverbs Lesson Plan Tutorial<\/p><\/div>\n<p>Yesterday we outlined a web application feeding off a previous web application&#8217;s web design coding &#8220;innards&#8221;, benefitting from commonalities such as &#8230;<\/p>\n<blockquote>\n<ul>\n<li>their multiple choice &#8220;feel&#8221; commonality &#8230; and &#8230; perhaps rather optimistically &#8230;<\/li>\n<li>the feel that there was commonality between the Eggheads (as opposition) and the idea, today, of a moderator, to follow up an answer by the user with an explanation, regarding the more complex examples &#8230; to the point where ones not needing follow up were still modelled into the same web design framework, by giving a meaning to &#8220;qanda&#8221; array variable sets that are blank (that being the ones not needing (extra) moderation)\n<\/ul>\n<\/blockquote>\n<p> &#8230; and we&#8217;ve left for today, those <a target=_blank title='Content Management System information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Content_management_system'>CMS<\/a> (Content Management Systems) type strengths.  Let&#8217;s set about tying this down to what our Adjectives versus Adverbs web application is trying to achieve.  It is trying to explain adjective and adverb grammatical forms, principally by using examples of usage to illustrate the ideas that &#8220;adjectives describe nouns&#8221; and &#8220;adverbs modify verbs&#8221;.  We anticipate that intermediate <a target=_blank title='English as a Second Language information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> students could benefit from such a web application.<\/p>\n<p>An ESL teacher will recognise some of this preparatory talk regarding &#8220;objectives&#8221; and &#8220;predicted audience&#8221;, and it would be good to be flexible enough with today&#8217;s changes to our Adjectives versus Adverbs web application, to be able to help an ESL teacher all the way down to the <a target=_blank title='Lesson plan information from Wikipedia ...thanks' href='https:\/\/en.wikipedia.org\/wiki\/Lesson_plan'>&#8220;lesson plan&#8221;<\/a> level of detail.  We think we can, via a link at the top of the web application, that like with <a target=_blank title='HTML\/Javascript Multiple Choice Quiz Administration Tutorial' href='#hjmcqat'>HTML\/Javascript Multiple Choice Quiz Administration Tutorial<\/a>, where we effectively allow all users to be like administrator users in a CMS scenario.  Today, though, we don&#8217;t even provide a PHP writer of Client Pre-Emptive Iframe friendly data HTML, but rather take on that Stop Press of that previous tutorial as per &#8230;<\/p>\n<blockquote><p>\n &#8230; and a <i><b>Stop Press<\/i><\/b> here is that the HTML\/Javascript code will handle the simulation of a non-existant PHP code scenario if they enter content data at the Javascript <a target=_blank title='Javascript prompt window information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_prompt.asp'>prompt<\/a> window presented and subsequently choose Cancel at the next prompt window prompting for a filename) to the proper place (where the HTML\/Javascript exists), where we apply <a target=_blank title='Client Pre-Emptive Iframe' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/?s=client+pre-emptive+iframe'>Client Pre-Emptive Iframe<\/a> logic to our HTML\/Javascript code &#8230;\n<\/p><\/blockquote>\n<p>Maybe you see the 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 too complex, but you need to see that its use can turn this web application into a completely different Multiple Choice lesson plan of a web application on a completely different topic, but content-wise, just following the same content patterns as presented to you in that prompt window&#8217;s default entry.<\/p>\n<p>The other thing that&#8217;s happening here is that we are decoupling data from code, and of course it is early days, and it won&#8217;t work with rubbish data, but why write code unless you are working to some framework of rules, somewhere.<\/p>\n<p>Here is a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html\" title='click picture'>live run<\/a> link to the Adjectives versus Adverbs ESL web application with HTML\/Javascript source code <a target=_blank title='adjective_or_adverb.html' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html--GETME' title='adjective_or_adverb.html'>adjective_or_adverb.html<\/a> and changes to yesterday&#8217;s code <a target=_blank title='adjective_or_adverb.html' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html--GETME'>here<\/a>.<\/p>\n<hr>\n<p id='hjavapt'>Previous relevant <a target=_blank title='HTML\/Javascript Adjectives versus Adverbs Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-adjectives-versus-adverbs-primer-tutorial\/'>HTML\/Javascript Adjectives versus Adverbs Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/Javascript Adjectives versus Adverbs Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.jpg\" title=\"HTML\/Javascript Adjectives versus Adverbs Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Adjectives versus Adverbs Primer Tutorial<\/p><\/div>\n<p>Sometimes really diverse web applications can benefit from very similar web design &#8220;innards&#8221;.  Or maybe part of all this is that when you get a really good web design &#8220;innard&#8221; it can be &#8220;wielded&#8221; to surprising amounts and variations of functionality.<\/p>\n<p>We very much found this in regard to &#8230;<\/p>\n<ul>\n<li>An <a target=_blank title='English as a Second Language information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> Adjectives versus Adverbs web application today &#8230; building on (a huge amount of the web design innards of) &#8230;<\/li>\n<li>Multiple Choice Quiz web application yesterday (with <a target=_blank title='HTML\/Javascript Multiple Choice Quiz Administration Tutorial' href='#hjmcqat'>HTML\/Javascript Multiple Choice Quiz Administration Tutorial<\/a>)\n<\/ul>\n<p> &#8230; and we must also point out a couple of practical issues that also come into play &#8230;<\/p>\n<ul>\n<li>for programmers, ideas that are fresh in the mind and application, often hold sway<\/li>\n<li>an optimistic frame of mind (what we call &#8220;going a bit out of your way to make things happen for the common good&#8221;) can result in clearer recognition of what makes things the same in terms of linkages and relationships, rather than what makes things impossible\n<\/ul>\n<p> &#8230; and what panned out uppermost in our minds that could be turned to commonality between these two web application projects was &#8230;<\/p>\n<ul>\n<li>their multiple choice &#8220;feel&#8221; commonality &#8230; and &#8230; perhaps rather optimistically &#8230;<\/li>\n<li>the feel that there was commonality between the Eggheads (as opposition) and the idea, today, of a moderator, to follow up an answer by the user with an explanation, regarding the more complex examples &#8230; to the point where ones not needing follow up were still modelled into the same web design framework, by giving a meaning to &#8220;qanda&#8221; array variable sets that are blank (that being the ones not needing (extra) moderation)\n<\/ul>\n<p>Can you see how an optimistic viewpoint (helped by &#8220;freshness&#8221; of method in the mind &#8230; much more than a couple of days makes things more than two times harder, we find) can allow for commonality rather that immediately re-inventing the wheel everytime, with software, which we tend to think happens too often &#8230; certainly we are guilty of a lot of this too!<\/p>\n<p>So the opposite way to view this is that you are hammering round pegs into square holes to make this &#8220;commonality&#8221; work, when perhaps it was never meant to work.  Well, the proof is in the doing of a first draft, and yes, our first draft confirmed to us, at least that this worry was not warranted in this case.  There was not a lot that was awkward in taking the code of yesterday and tweaking it for today, this saving heaps of time.<\/p>\n<p>The inspiration for today&#8217;s ESL student helper web application came largely from &#8220;How English Works &#8230; A Grammar Practice Book&#8221; by Michael Swan and Catherine Walter, which we&#8217;d like to thank for the basis of the questions we ask the ESL students today, though, it must be said, we often wonder about this topic, as we often get confused about Adjective versus Adverb application in English, even if it can be succinctly summed up by &#8220;adjectives describe nouns&#8221; and &#8220;adverbs modify verbs&#8221;, because, even with this pared down explanation, word order can confuse in English sentences.  English grammar issues like this may seem a bit beside the point for native speakers, but in order to learn another language the understanding of such issues is much more important, to avoid too many faux pas during conversation.<\/p>\n<p>Again, we&#8217;d like to thank <a target=_blank title='Clipart Panda' href='http:\/\/www.clipartpanda.com\/clipart_images\/downloads-15907232'>Clipart Panda<\/a> for the background image used today in that similar manner as discussed with <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a>.<\/p>\n<p>So yet again we leave you with a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html\" title='click picture'>live run<\/a> link to the Adjectives versus Adverbs ESL web application with HTML\/Javascript source code <a target=_blank title='adjective_or_adverb.html' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html-GETME' title='adjective_or_adverb.html'>adjective_or_adverb.html<\/a> and because today&#8217;s code was based so much on yesterday&#8217;s <a target=_blank title='HTML\/Javascript Multiple Choice Quiz Administration Tutorial' href='#hjmcqat'>HTML\/Javascript Multiple Choice Quiz Administration Tutorial<\/a> we also present, today, a &#8220;how we got there&#8221; differences link to peruse <a target=_blank title='adjective_or_adverb.html' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/adjective_or_adverb.html-GETME'>here<\/a>.<\/p>\n<hr>\n<p id='hjmcqat'>Previous relevant <a target=_blank title='HTML\/Javascript Multiple Choice Quiz Administration Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-multiple-choice-quiz-administration-tutorial\/'>HTML\/Javascript Multiple Choice Quiz Administration Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/Javascript Multiple Choice Quiz Administration Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.gif\" title=\"HTML\/Javascript Multiple Choice Quiz Administration Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Multiple Choice Quiz Administration Tutorial<\/p><\/div>\n<p>We continue on with the Multiple Choice Quiz modeled on the rules of a UK (BBC2) quiz television show called <a target=_blank title='Eggheads UK BBC2 Quiz' href='http:\/\/www.bbc.co.uk\/programmes\/b006z736'>Eggheads<\/a>, where a challenger team of 5 tries to defeat a champion team of 5 in a topic based head to head quiz followed by a General Knowledge round of the survivors to determine a winner, first started yesterday with <a target=_blank title='HTML\/Javascript Multiple Choice Quiz Primer Tutorial' href='#hjmcqpt'>HTML\/Javascript Multiple Choice Quiz Primer Tutorial<\/a> as shown below.<\/p>\n<p>Today we want to talk about &#8230;<\/p>\n<ul>\n<li>Content Management strategies<\/li>\n<li>Roles for Client and Server in Content Management\n<\/ul>\n<p> &#8230; with respect to extending the functionality of our Multiple Choice Quiz.<\/p>\n<p>Yesterday, we left off with a web application that felt &#8220;hard-coded&#8221;, as it was restricted to the scenario of the questions from a particular episode of the UK (BBC2) quiz television show called <a target=_blank title='Eggheads UK BBC2 Quiz' href='http:\/\/www.bbc.co.uk\/programmes\/b006z736'>Eggheads<\/a> aired on Sydney ABC television on 15\/10\/2015.<\/p>\n<p>It&#8217;s true that it kind of felt hard-coded, but if you examined that HTML\/Javascript code as of yesterday &#8230;<\/p>\n<blockquote>\n<p>For programmers interested in HTML and Javascript and CSS code (especially as you don&#8217;t need any special web hosting to test today&#8217;s code) you can see this at <a target=_blank title='Multiple Choice Quiz' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html-GETME' title='multiple_choice_quiz.html'>multiple_choice_quiz.html<\/a> and because today&#8217;s code was based so much on the recent <a target=_blank title='HTML\/Javascript Hearing and Listening Primer Tutorial' href='#hxjhalpt'>HTML\/Javascript Hearing and Listening Primer Tutorial<\/a> we also present, today, a &#8220;how we got there&#8221; differences link to peruse <a target=_blank title='Multiple Choice Quiz' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html-GETME' title='multiple_choice_quiz.html'>here<\/a>.<\/p>\n<\/blockquote>\n<p> &#8230; you may have concluded that the whole workings of the web application could be changed merely by changing the contents of the Javascript array variable &#8220;qanda&#8221;.  So if we can control the contents of &#8220;qanda&#8221; we can make the web application be completely different.  This is similar to <a target=_blank title='Content Management System information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Content_management_system'>CMS<\/a> (Content Management Systems) that allows &#8220;administrator&#8221; users control the contents of particular data parts of the web application, effectively, in the case of blog systems like WordPress or Drupal or Tiki Wiki or Joomla, allowing the insertion and updating and deleting of data in MySql databases associated with those websites.  We set up a means to come to the same ends, today, with our Multiple Choice Quiz, except that instead of a database as a data repository, we are going to set up a system of flat files to use as the data source.<\/p>\n<p>Now, above, we&#8217;ve mentioned (flat) files, which many of you would recognize as needing a serverside language like PHP to maintain that system, at least dynamically within the web application.  That is true, as it is true for WordPress and Drupal and Tiki Wiki and Joomla also, but we also want to show that you can still work this without the serverside language web hosting, but manage the flat files yourself and upload these flat files (via <a target=_blank title='File Transfer Protocol information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/File_Transfer_Protocol'>ftp<\/a> (or sftp) perhaps &#8230; and a <i><b>Stop Press<\/i><\/b> here is that the HTML\/Javascript code will handle the simulation of a non-existant PHP code scenario if they enter content data at the Javascript <a target=_blank title='Javascript prompt window information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_prompt.asp'>prompt<\/a> window presented and subsequently choose Cancel at the next prompt window prompting for a filename) to the proper place (where the HTML\/Javascript exists), where we apply <a target=_blank title='Client Pre-Emptive Iframe' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/?s=client+pre-emptive+iframe'>Client Pre-Emptive Iframe<\/a> logic to our HTML\/Javascript code, which is called <a target=_blank title='Multiple Choice Quiz' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html--GETME' title='multiple_choice_quiz.html'>multiple_choice_quiz.html<\/a> with differences to yesterday outlined <a target=_blank title='Multiple Choice Quiz' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html--GETME' title='multiple_choice_quiz.html'>here<\/a>.<\/p>\n<p>Maybe you can see from the HTML\/Javascript code that Client Pre-Emptive Iframe thoughts can decouple the &#8220;Client&#8221; from the &#8220;Server&#8221; to allow for ftp uploading scenarios independent of serverside logic.<\/p>\n<p>We want to show that, but we don&#8217;t want to leave out that the addition of serverside processes enhances such data driven web applications no end, and that is why just about every CMS in the world has a serverside part to it, and usually involves a database in which to store the data controlled by administrator users (though there are some that use flat files, as well, out there).<\/p>\n<p>This Content Management talent that PHP and other serverside languages possess is another of the hundreds of reasons, web hosting with serverside languages such as PHP adds so much to the web experience for so many people using the net.<\/p>\n<p>So our HTML\/Javascript today is designed to live without or work with the new PHP code we&#8217;ve introduced with <a target=_blank title='Multiple Choice Quiz' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.php_GETME' title='multiple_choice_quiz.php'>multiple_choice_quiz.php<\/a>.  The PHP can write out a Multiple Choice Quiz &#8220;qanda&#8221; array variable data snippet into our &#8220;eggheads_simulator_yyyy-mm-dd.html&#8221; Client Pre-Emptive Iframe scenario, but the HTML\/Javascript can accept this data from any approach that got it there, which could have been via ftp uploading means, that didn&#8217;t involve PHP serverside work, at all.  The PHP works with the HTML\/Javascript by working with content and file name variables POSTed to it from the HTML\/Javascript form we&#8217;ve introduced today, but the PHP is also designed for those web administrator users out there, who may be classed as Content Managers, by also being able to act as a CMS type of arrangement when called <a target=_blank title='Multiple Choice Quiz' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.php' title='multiple_choice_quiz.php'>this way<\/a>, without the $_POST nor $_GET parameters.<\/p>\n<p>So you can see now, why all CMS divide users into those with different roles, but today, with our simplified scenario, you can all be normal users and we&#8217;ve made it so that you can all be administrator users able to add content to our Multiple Choice Quiz web application.<\/p>\n<p>Again we leave you with a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html\" title='click picture'>live run<\/a> link to take on the &#8220;Egghead&#8221; simulator that allows for user (and all users are administrators, for our purposes today) entered episode (data) information.  We hope some or all of the concepts here are some kind of help to you.<\/p>\n<hr>\n<p id='hjmcqpt'>Previous relevant <a target=_blank title='HTML\/Javascript Multiple Choice Quiz Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-multiple-choice-quiz-primer-tutorial\/'>HTML\/Javascript Multiple Choice Quiz Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/Javascript Multiple Choice Quiz Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.jpg\" title=\"HTML\/Javascript Multiple Choice Quiz Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Multiple Choice Quiz Primer Tutorial<\/p><\/div>\n<p>Today&#8217;s web application is a Multiple Choice Quiz modelled on the rules of a UK (BBC2) quiz television show called <a target=_blank title='Eggheads UK BBC2 Quiz' href='http:\/\/www.bbc.co.uk\/programmes\/b006z736'>Eggheads<\/a>, where a challenger team of 5 tries to defeat a champion team of 5 in a topic based head to head quiz followed by a General Knowledge round of the survivors to determine a winner.<\/p>\n<p>In the real Eggheads there are sudden death questions, as necessary, in all rounds, but with our rules, we only do this for the final General Knowledge collaborative round.<\/p>\n<p>This web application shares the yellow HTML <a target=_blank title='HTML Canvas element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp'>canvas<\/a> element as discussed in the recent <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a> as well.  This time, though, with the printing out, there are implied buttons under each word, via a white background (done with a call to the <a target=_blank title='HTML canvas fillRect() method information from w3schools' href='http:\/\/www.w3schools.com\/tags\/canvas_fillrect.asp'>fillRect()<\/a> HTML canvas method) to those bits of the canvas element.  To click on one of these white areas &#8230;<\/p>\n<ul>\n<li>allows the challenger team to answer the question posed &#8230; and then &#8230;<\/li>\n<li>sets up the corresponding champion team question, updating scores and answer information<\/li>\n<\/ul>\n<p> &#8230; using an HTML canvas element <i>onclick<\/i> event detection of mouse co-ordinates to achieve this functionality.<\/p>\n<p>The web application makes a lot of use of 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> method to synchronize all the toings and froings in an order that makes sense, and simulates the &#8220;Egghead&#8221; champion team, who, after all, are not with you, so their actions are delayed.  By the way, with all this, don&#8217;t worry that there would be no chance of you winning against the champion &#8220;Egghead&#8221; team.  The &#8220;warts and all&#8221; mistakes made by the &#8220;Eggheads&#8221; team in the episode aired on the 25\/10\/2015 in Sydney ABC are mimicked in the answers of the champion team you are up against, and you can win if you are &#8220;on your toes&#8221;.<\/p>\n<p>We&#8217;d like to thank <a target=_blank title='Clipart Panda' href='http:\/\/www.clipartpanda.com\/clipart_images\/downloads-15907232'>Clipart Panda<\/a> for the background image used today in that similar manner as discussed with <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a>.<\/p>\n<p>For programmers interested in HTML and Javascript and CSS code (especially as you don&#8217;t need any special web hosting to test today&#8217;s code) you can see this at <a target=_blank title='Multiple Choice Quiz' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html-GETME' title='multiple_choice_quiz.html'>multiple_choice_quiz.html<\/a> and because today&#8217;s code was based so much on the recent <a target=_blank title='HTML\/Javascript Hearing and Listening Primer Tutorial' href='#hxjhalpt'>HTML\/Javascript Hearing and Listening Primer Tutorial<\/a> we also present, today, a &#8220;how we got there&#8221; differences link to peruse <a target=_blank title='Multiple Choice Quiz' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html-GETME' title='multiple_choice_quiz.html'>here<\/a>.<\/p>\n<p>We leave you with a <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/multiple_choice_quiz.html\" title='click picture'>live run<\/a> link to take on the &#8220;Egghead&#8221; simulator!<\/p>\n<hr>\n<p id='hxjhalpt'>Previous relevant <a target=_blank title='HTML\/Javascript Hearing and Listening Primer Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascript-hearing-and-listening-primer-tutorial\/'>HTML\/Javascript Hearing and Listening Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"HTML\/Javascript Hearing and Listening Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listening_and_hearing.jpg\" title=\"HTML\/Javascript Hearing and Listening Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Hearing and Listening Primer Tutorial<\/p><\/div>\n<p>We&#8217;ve got a web application on the theme of Listening and Hearing, today, written such that it doesn&#8217;t need serverside (in our case, PHP) constituents, just HTML and Javascript and CSS, with a lot of help from various sources as per &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Google Translate' href='http:\/\/translate.google.com\/'>Google Translate<\/a> &#8230; specifically its incredibly useful <a target=_blank title='Google Translate text to speech' href='http:\/\/translate.google.com\/translate_tts?tl=en&#038;q=hello'>text to speech service<\/a> &#8230; thanks, heaps &#8230; by the way, you may be asked to fill in a <a target=_blank title='Captcha information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/CAPTCHA'>Captcha<\/a> &#8220;puzzle&#8221; when accessing the text to speech functionality when using the <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html\" title='click picture'>live run<\/a>, and this may only happen once a session<\/li>\n<li><a target=_blank title='The Free Dictionary' href='http:\/\/thefreedictionary.com\/'>The Free Dictionary<\/a> &#8230; thanks, again<\/li>\n<li><a target=_blank title='Clipart Panda' href='http:\/\/www.clipartpanda.com\/clipart_images\/hearing-ear-32519232'>Clipart Panda<\/a> &#8230; for the background image &#8230; and the same configuration of this as we mentioned in <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a><\/li>\n<li>A Poem courtesy of this great <a target=_blank title='Poetry link' href='http:\/\/www.behappyzone.com\/happy-attitude-poems.html'>link<\/a> &#8230; thanks<\/li>\n<\/ul>\n<p>We&#8217;ve designed this web application with <a target=_blank title='English as a Second Language information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/English_as_a_second_or_foreign_language'>ESL<\/a> students in mind, but it might be useful for other purposes.  The idea is the user types, or copies and pastes some wording of interest into the &#8220;words&#8221; textarea and sees it presented in the yellow HTML <a target=_blank title='HTML Canvas element information from w3schools' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp'>canvas<\/a> element, printed out slowly in that same method as discussed in <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a> as well.  This time, though, with the printing out, there are implied buttons under each word, via a white background (done with a call to the <a target=_blank title='HTML canvas fillRect() method information from w3schools' href='http:\/\/www.w3schools.com\/tags\/canvas_fillrect.asp'>fillRect()<\/a> HTML canvas method) to those bits of the canvas element.  To click on one of these white areas &#8230;<\/p>\n<ol>\n<li>opens a <a target=_blank title='Javascript window.open() method information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/met_win_open.asp'>window.open()<\/a> popup window of The Free Dictionary lookup for that word if your Language you&#8217;ve chosen in the HTML select (dropdown) element is English<\/li>\n<li>opens a window.open() popup window of Google Translate text to speech for that word in the Language you&#8217;ve chosen in the HTML select (dropdown) element<\/li>\n<\/ol>\n<p>There are limits to the amount of text Google Translate text to speech allows, and in some cases where you leave totally blank lines in your text, we may be able to &#8220;chunk&#8221; the text into several calls to Google Translate text to speech when you&#8217;ve pressed the &#8220;Hear &#128066; All the Words&#8221; button.<\/p>\n<p>Also, as in <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a>, we&#8217;ve included some Internationalization Emoji character helpers and like there, we found <a target=_blank title='Emojipedia' href='http:\/\/emojipedia.org\/'>Emojipedia<\/a> a great place to look up the concepts with better detail at the <a target=_blank title='File Format Info website' href='http:\/\/www.fileformat.info\/info\/unicode\/utf8.htm'>File Format Info<\/a> website.<\/p>\n<p>ESL students will probably have already experienced a variety of English accents, and there is no doubt this is a big thing to overcome in learning English, along with all the other challenges to do with learning another language.  The Google Translate text to speech is no different in the sense that there is an accent you should not think is going to be a typical accent, necessarily, to do with living where you&#8217;re going to be living.  But it does give you some guidelines into how words are pronounced, and it is good to have heard a word sometimes, before you hear it being spoken by a very fast speaker, for instance.  So, why not copy and paste some words off the Internet, and see how they sound by using this <a target=_blank title='Click picture' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html'>live run<\/a> link.<\/p>\n<p>For you programmers interested in HTML and Javascript and CSS code (especially as you don&#8217;t need any special web hosting to test today&#8217;s code) you can see this at <a target=_blank title='Listening and Hearing' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html-GETME' title='listen_to.html'>listen_to.html<\/a> and because today&#8217;s code was based so much on the supervisor HTML code of <a target=_blank title='HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/htmljavascriptphp-broadcast-and-listen-css-tutorial\/'>HTML\/Javascript\/PHP Broadcast and Listen CSS Tutorial<\/a> we also present, today, a &#8220;how we got there&#8221; differences link to peruse <a target=_blank title='Listening and Hearing' href='http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/listen_to.html-GETME' title='listen_to.html'>here<\/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='#d17742' onclick='var dv=document.getElementById(\"d17742\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/category\/animation\/\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17742' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17784' onclick='var dv=document.getElementById(\"d17784\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/javascript\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17784' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17804' onclick='var dv=document.getElementById(\"d17804\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/cms\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17804' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17825' onclick='var dv=document.getElementById(\"d17825\"); 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='d17825' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17849' onclick='var dv=document.getElementById(\"d17849\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/prompt-popup-box\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17849' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d17849' onclick='var dv=document.getElementById(\"d17849\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/textarea\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d17849' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\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='#d31179' onclick='var dv=document.getElementById(\"d31179\"); 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='d31179' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you study English grammar at a &#8220;word&#8221; level, the definition of an &#8220;adverb&#8221; becomes very fluid. We were taught at school, maybe to simplify things, that &#8220;adverbs modify verbs&#8221;, but maybe it was because we were so young then, &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/adverb-types-game-primer-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":[2248,2084,367,388,396,476,477,537,576,652,997,1866,1319,1453],"class_list":["post-31179","post","type-post","status-publish","format-standard","hentry","category-elearning","category-games","category-tutorials","tag-adverb","tag-data-attributes","tag-dropdown","tag-english","tag-esl","tag-game","tag-games-2","tag-grammar","tag-html","tag-javascript","tag-programming","tag-select","tag-tutorial","tag-word-game"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/31179"}],"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=31179"}],"version-history":[{"count":5,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/31179\/revisions"}],"predecessor-version":[{"id":31199,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/31179\/revisions\/31199"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=31179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=31179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=31179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}