{"id":70890,"date":"2025-12-07T03:01:00","date_gmt":"2025-12-06T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=70890"},"modified":"2025-12-08T06:48:30","modified_gmt":"2025-12-07T20:48:30","slug":"html-javascript-canvas-fraction-problems-collaborating-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-javascript-canvas-fraction-problems-collaborating-tutorial\/","title":{"rendered":"HTML\/Javascript Canvas Fraction Problems Collaborating Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/fraction_chalkboard.html\" rel=\"noopener\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Canvas Fraction Problems Collaborating Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/fractioncollaborate.gif\" title=\"HTML\/Javascript Canvas Fraction Problems Collaborating Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Canvas Fraction Problems Collaborating Tutorial<\/p><\/div>\n<p>What happens when you <span title=' ... or, perhaps?' style=text-decoration:underline;cursor:pointer; onclick=\"window.open('https:\/\/www.google.com\/search?q=re-clone+a+clown&#038;rlz=1C5OZZY_en&#038;oq=re-clone+a+clown&#038;gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQIRigAdIBCDk1MzlqMGo0qAIAsAIB&#038;sourceid=chrome&#038;ie=UTF-8','_blank','top=50,left=50,width=600,height=600'); window,open('https:\/\/www.google.com\/search?q=re-clown+a+clone&#038;sca_esv=eac84dcf468067b9&#038;rlz=1C5OZZY_en&#038;sxsrf=AE3TifPvJwxyOoxi5mlYA3bP7Rl-tqkz8g%3A1765060056954&#038;ei=2K00aYr9OaGZjuMPzriv4Qw&#038;ved=0ahUKEwiKyc6NgaqRAxWhjGMGHU7cK8wQ4dUDCBE&#038;oq=re-clown+a+clone&#038;gs_lp=Egxnd3Mtd2l6LXNlcnAiEHJlLWNsb3duIGEgY2xvbmVIAFAAWABwAHgBkAEAmAEAoAEAqgEAuAEMyAEAmAIAoAIAmAMAkgcAoAcAsgcAuAcAwgcAyAcAgAgA&#038;sclient=gws-wiz-serp','_blank','top=50,left=660,width=600,height=600'); \n\">re-clone a clone<\/span>?<\/p>\n<p>Well, around here, we&#8217;d say &#8230;<\/p>\n<ul>\n<li>difference reports<\/li>\n<li>recency<\/li>\n<li>reliability is enhanced because these web applications (with canvas elements and mathematics as a common thread we probably thought represented good &#8220;clone material&#8221; in the first place) are largely cloned<\/li>\n<\/ul>\n<p> &#8230; are three salient factors regarding the work.  It might even improve on the source web application of the difference report (given a &#8220;recency value&#8221; of less than a couple of days, we reckon).  In other words, it was a win-win exercise to undertake this work, today, in this re-cloning line of thinking.<\/p>\n<p>Why are we fans of Linux (and works on macOS) <a target=\"_blank\" title='Linux diff information' href='https:\/\/man7.org\/linux\/man-pages\/man1\/diff.1.html' rel=\"noopener\">diff<\/a> command based difference reports?<\/p>\n<ol>\n<li>it will remind you of all the places of interest to consider<\/li>\n<li>blocks of new function code will stick out to achieve progress faster<\/li>\n<\/ol>\n<p>This all helped us apply a lot of the work of the previous two days regarding our Surd Mathematics web application to one of our Fraction Mathematics web applications today.<\/p>\n<p>And so, further to &#8220;the very recent&#8221; <a title='HTML\/Javascript Canvas Image Copy Collaborating Tutorial' href='#html\/jcicct'>HTML\/Javascript Canvas Image Copy Collaborating Tutorial<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html---GETME\" rel=\"noopener\">a changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html---GETME\" rel=\"noopener\">surd_withimagecopy_chalkboard.html<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html\" rel=\"noopener\">Surd Reduction<\/a> web application represents the &#8220;source&#8221; to a re-cloning of <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/fraction_chalkboard.html---GETME\" rel=\"noopener\">a changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/fraction_chalkboard.html---GETME\" rel=\"noopener\">fraction_chalkboard.html<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/fraction_chalkboard.html\" rel=\"noopener\">Fraction Reduction<\/a> web application which now includes re-cloned &#8220;++?&#8221; button collaboration possibilities.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/html\/javascript-canvas-fraction-problems-collaborating-tutorial\/' rel=\"noopener\">HTML\/Javascript Canvas Fraction Problems Collaborating Tutorial<\/a>.<\/p-->\n<hr>\n<p id='html\/jcicct'>Previous relevant <a target=\"_blank\" title='HTML\/Javascript Canvas Image Copy Collaborating Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/html\/javascript-canvas-image-copy-collaborating-tutorial\/' rel=\"noopener\">HTML\/Javascript Canvas Image Copy Collaborating 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\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html\" rel=\"noopener\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Canvas Image Copy Collaborating Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surdcollaborate.jpg\" title=\"HTML\/Javascript Canvas Image Copy Collaborating Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Canvas Image Copy Collaborating Tutorial<\/p><\/div>\n<p>Onto yesterday&#8217;s <a title='HTML\/Javascript Canvas Image Copy Sharing Tutorial' href='#html\/jcicst'>HTML\/Javascript Canvas Image Copy Sharing Tutorial<\/a> &#8230;<\/p>\n<ul>\n<li>added some interim calculation numbers into the mix of email and SMS link passed arguments that come into play regarding any ongoing &#8220;collaboration&#8221; programmatical communications regarding top right attempts at surd reductions &#8230;<\/li>\n<li>allowed for <i>display:none;<\/i> scenarios &#8230;<\/li>\n<li>allowed for a new surd problem canvas click to reinstigate the collaboration logic settings<\/li>\n<\/ul>\n<p> &#8230; in <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html--GETME\" rel=\"noopener\">a changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html--GETME\" rel=\"noopener\">surd_withimagecopy_chalkboard.html<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html\" rel=\"noopener\">Surd Reduction<\/a> web application.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/html\/javascript-canvas-image-copy-collaborating-tutorial\/' rel=\"noopener\">HTML\/Javascript Canvas Image Copy Collaborating Tutorial<\/a>.<\/p-->\n<hr>\n<p id='html\/jcicst'>Previous relevant <a target=\"_blank\" title='HTML\/Javascript Canvas Image Copy Sharing Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/html\/javascript-canvas-image-copy-sharing-tutorial\/' rel=\"noopener\">HTML\/Javascript Canvas Image Copy Sharing 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\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html\" rel=\"noopener\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Canvas Image Copy Sharing Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surdshare.png\" title=\"HTML\/Javascript Canvas Image Copy Sharing Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Canvas Image Copy Sharing Tutorial<\/p><\/div>\n<p>With new work today revisiting the Mathematics Surd related web application of the recent <a title='HTML\/Javascript Canvas Image Copy Tutorial' href='#html\/jcict'>HTML\/Javascript Canvas Image Copy Tutorial<\/a> we use the word &#8230;<\/p>\n<blockquote><p>\ncollaboration\n<\/p><\/blockquote>\n<p> &#8230; rather than &#8230;<\/p>\n<blockquote><p>\nsharing\n<\/p><\/blockquote>\n<p> &#8230; and though we&#8217;re &#8220;getting there&#8221; in our opinion it will take another day of work to shore it up better.<\/p>\n<p>What&#8217;s the aim?<\/p>\n<p>We wanted a collaborator (email or SMS) be able to see &#8230;<\/p>\n<ul>\n<li>the same surd problem (that the user attempts to reduce) as the originator &#8230; via new <i>++?<\/i> element click &#8230;<\/li>\n<li>should the user &#8220;collaborate&#8221; via entering both to and from email addresses &#8230; see the results of the collaborator&#8217;s thinking within an email body section<\/li>\n<\/ul>\n<p>To our mind <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html-GETME\" rel=\"noopener\">a changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html-GETME\" rel=\"noopener\">surd_withimagecopy_chalkboard.html<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html\" rel=\"noopener\">Surd Reduction<\/a> web application is worth a revisit.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=\"_blank\" href='\/\/www.rjmprogramming.com.au\/ITblog\/html\/javascript-canvas-image-copy-sharing-tutorial\/' rel=\"noopener\">HTML\/Javascript Canvas Image Copy Sharing Tutorial<\/a>.<\/p-->\n<hr>\n<p id='html\/jcict'>Previous relevant <a target=\"_blank\" title='HTML\/Javascript Canvas Image Copy Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/html\/javascript-canvas-image-copy-tutorial\/' rel=\"noopener\">HTML\/Javascript Canvas Image Copy 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\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html\" rel=\"noopener\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Canvas Image Copy Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.jpg\" title=\"HTML\/Javascript Canvas Image Copy Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Canvas Image Copy Tutorial<\/p><\/div>\n<p>The Canvas HTML element tag can be used as the container to draw graphics on the fly usually via the use of Javascript functions for rendering and event management.<\/p>\n<p>In today&#8217;s tutorial we add to the functionality of the previous <a target=\"_blank\" title='HTML\/Javascript Canvas Surds Game Tutorial' href='#hjcsgt' rel=\"noopener\">HTML\/Javascript Canvas Surds Game Tutorial<\/a>, as shown below, where we draw an image on the canvas via drawImage() method, by, today, allowing the user to copy (via the <a target=\"_blank\" href='https:\/\/developer.mozilla.org\/en\/docs\/Web\/API\/HTMLCanvasElement#Example.3A_Getting_the_data-url_for_a_canvas' title='Canvas toDataURL() method ideas ... thanks' rel=\"noopener\">toDataURL()<\/a> method) the Canvas&#8217;s image ready to email (as the body of the email) to a fellow user collaborating or sharing the game with you.   In the case of this tutorial that image contributes to the user answering some mathematics questions regarding <a target=\"_blank\" title='Surds (in maths)' href='http:\/\/www.mathsisfun.com\/surds.html' rel=\"noopener\">Surds<\/a> on a simulated <i>&#8220;chalkboard&#8221;<\/i>.<\/p>\n<p>You&#8217;ll notice we don&#8217;t mention PHP as a server-side language here, so you will have to have less automation of this process (because Javascript client-side cannot write to the server file system) &#8230; so you use the browser&#8217;s (right-click) Copy Image functionality as a way to Paste the image data into the body of your email.<\/a><\/p>\n<p>You may want to read more at <a target=\"_blank\" title='HTML Canvas Reference' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp' rel=\"noopener\">HTML Canvas Reference<\/a> as a generic reference, or here, at the tutorial <a target=\"_blank\" title='javascript - How do I add a simple onClick event handler to a canvas element? - Stack Overflow' href='http:\/\/stackoverflow.com\/questions\/9880279\/how-do-i-add-a-simple-onclick-event-handler-to-a-canvas-element' rel=\"noopener\">javascript &#8211; How do I add a simple onClick event handler to a canvas element? &#8211; Stack Overflow<\/a>.<\/p>\n<p>As you can imagine, this HTML canvas element, new to HTML5, can be very useful for some practical client-side web functionality.<\/p>\n<p>Link to some downloadable HTML programming code &#8230; rename to <a target=\"_blank\" href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html_GETME' title='surd_withimagecopy_chalkboard.html' rel=\"noopener\">surd_withimagecopy_chalkboard.html<\/a>\n<\/p>\n<p>You&#8217;ll notice heavy use of the Javascript <a target=\"_blank\" title='Javascript Math.random() information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/jsref_random.asp' rel=\"noopener\">Math.random()<\/a> function.<\/p>\n<p>We hope you enjoy this tutorial as a <a target=\"_blank\" title='Canvas HTML element live run tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_withimagecopy_chalkboard.html\" rel=\"noopener\">live run<\/a>.<\/p>\n<p>Almost finally, need to thank a great link for coding ideas with this tutorial, here, at this <a target=\"_blank\" href='http:\/\/stackoverflow.com\/questions\/10673122\/how-to-save-canvas-as-an-image-with-canvas-todataurl' title='Canvas Image Copy coding ideas ... thanks' rel=\"noopener\">link<\/a>.<\/p>\n<p>Finally, have a look at the differences in code that arrived at this extra functionality by examining <a target=\"_blank\" title='surd_withimagecopy_chalkboard.html' href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_chalkboard.html-GETME\" rel=\"noopener\">surd_withimagecopy_chalkboard.html<\/a> link.<\/p>\n<p>Yes &#8230; you&#8217;ve reached the end &#8230; hope you have a good time practising your mathematics knowledge of Surds (there is advice, if you want to learn &#8230; you can get it when you give an incorrect answer)!   Try the emailing, via image copying, functionality, as well, if you like.<\/p>\n<hr \/>\n<p id='hjcsgt'>Previous <a target=\"_blank\" title='HTML\/Javascript Canvas Surds Game Tutorial' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=7264' rel=\"noopener\">HTML\/Javascript Canvas Surds Game Tutorial<\/a> of interest is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_chalkboard.html\" rel=\"noopener\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML\/Javascript Canvas Chalkboard Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_chalkboard.jpg\" title=\"HTML\/Javascript Canvas Surds Game Tutorial\"  \/><\/a><p class=\"wp-caption-text\">HTML\/Javascript Canvas Surds Game Tutorial<\/p><\/div>\n<p>The Canvas HTML element tag can be used as the container to draw graphics on the fly usually via the use of Javascript functions for rendering and event management.<\/p>\n<p>In today&#8217;s tutorial we touch on the functionality to draw an image on the canvas via drawImage() method.   In the case of this tutorial that image contributes to the user answering some mathematics questions regarding <a target=\"_blank\" title='Surds (in maths)' href='http:\/\/www.mathsisfun.com\/surds.html' rel=\"noopener\">Surds<\/a> on a simulated <i>&#8220;chalkboard&#8221;<\/i>.<\/p>\n<p>You may want to read more at <a target=\"_blank\" title='HTML Canvas Reference' href='http:\/\/www.w3schools.com\/tags\/ref_canvas.asp' rel=\"noopener\">HTML Canvas Reference<\/a> as a generic reference, or here, at the tutorial <a target=\"_blank\" title='javascript - How do I add a simple onClick event handler to a canvas element? - Stack Overflow' href='http:\/\/stackoverflow.com\/questions\/9880279\/how-do-i-add-a-simple-onclick-event-handler-to-a-canvas-element' rel=\"noopener\">javascript &#8211; How do I add a simple onClick event handler to a canvas element? &#8211; Stack Overflow<\/a>.<\/p>\n<p>As you can imagine, this HTML canvas element, new to HTML5, can be very useful for some practical client-side web functionality.<\/p>\n<p>Link to some downloadable HTML programming code &#8230; rename to <a target=\"_blank\" href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_chalkboard.html_GETME' title='surd_chalkboard.html' rel=\"noopener\">surd_chalkboard.html<\/a>\n<\/p>\n<p>You&#8217;ll notice heavy use of the Javascript <a target=\"_blank\" title='Javascript Math.random() information from w3schools' href='http:\/\/www.w3schools.com\/jsref\/jsref_random.asp' rel=\"noopener\">Math.random()<\/a> function.<\/p>\n<p>We hope you enjoy this tutorial as a <a target=\"_blank\" title='Canvas HTML element live run tutorial' href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/Canvas\/Game\/Chalkboard\/surd_chalkboard.html\" rel=\"noopener\">live run<\/a>.<\/p>\n<p>Yes &#8230; you&#8217;ve reached the end &#8230; hope you have a good time practising your mathematics knowledge of Surds (there is advice, if you want to learn &#8230; you can get it when you give an incorrect answer)!<\/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='#d7264' onclick='var dv=document.getElementById(\"d7264\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=canvas\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d7264' 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='#d7568' onclick='var dv=document.getElementById(\"d7568\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=canvas\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d7568' 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='#d70878' onclick='var dv=document.getElementById(\"d70878\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/email\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d70878' 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='#d70886' onclick='var dv=document.getElementById(\"d70886\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/arguments\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d70886' 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='#d70890' onclick='var dv=document.getElementById(\"d70890\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/fraction\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d70890' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>What happens when you re-clone a clone? Well, around here, we&#8217;d say &#8230; difference reports recency reliability is enhanced because these web applications (with canvas elements and mathematics as a common thread we probably thought represented good &#8220;clone material&#8221; in &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-javascript-canvas-fraction-problems-collaborating-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,14,37],"tags":[1835,184,2503,1604,328,5351,341,354,380,1518,576,590,652,752,997,1761,4453,5350,1137,5148,1159,5349,1319],"class_list":["post-70890","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-arguments","tag-canvas","tag-clone","tag-collaboration","tag-diff","tag-difference-report","tag-display","tag-dom","tag-email","tag-fraction","tag-html","tag-image","tag-javascript","tag-mathematics","tag-programming","tag-prompt","tag-recipient","tag-reduce","tag-sharing","tag-shre","tag-sms","tag-surd","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/70890"}],"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=70890"}],"version-history":[{"count":13,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/70890\/revisions"}],"predecessor-version":[{"id":70914,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/70890\/revisions\/70914"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=70890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=70890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=70890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}