{"id":58687,"date":"2023-03-22T03:01:58","date_gmt":"2023-03-21T17:01:58","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=58687"},"modified":"2023-03-22T12:18:00","modified_gmt":"2023-03-22T02:18:00","slug":"card-sequence-game-sharing-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/card-sequence-game-sharing-tutorial\/","title":{"rendered":"Card Sequence Game Sharing Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Card Sequence Game Sharing Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence_sharing.jpg\" title=\"Card Sequence Game Sharing Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Card Sequence Game Sharing Tutorial<\/p><\/div>\n<p>The web application of yesterday&#8217;s <a title='Card Sequence Game Tutorial' href='#csgt'>Card Sequence Game Tutorial<\/a> had a definite feel as if it could represent &#8230;<\/p>\n<ul>\n<li>a challenge amongst friends &#8230; and as such &#8230;<\/li>\n<li>we need to setup a &#8220;level playing field&#8221; means by which &#8230;<\/li>\n<li>we can share via email (&#8220;mailto:&#8221; link) or SMS (&#8220;sms:&#8221; link) clickable link URLs<\/li>\n<\/ul>\n<p> &#8230; as a &#8220;sharing&#8221; (or for your less competitive friends, &#8220;collaborative&#8221;) approach to playing our Card Sequence Game.<\/p>\n<p>We also start to use emojis both as &#8230;<\/p>\n<ul>\n<li>buttons for this sharing functionality (for email &#128231; and SMS &#128223;) &#8230; and &#8230;<\/li>\n<li>on the card Suit dropdown element content being more Internationally more self-explanatory, the frustration, on some platforms, with a dropdown element <select data-onchange=\"emojiit(this);\" title=\"Suit\" id=\"ssuit\" size=5><option value=\"\">Please select Suit<\/option><option value=\"s\">Spades \u2660<\/option><option value=\"c\">Clubs \u2663<\/option><option value=\"d\" style=\"color:red;\">Diamonds \u2666<\/option><option value=\"h\" style=\"color:red;\">Hearts \u2665<\/option><\/select> being that heart and diamond emojis appear black, and so we added in an HTML span element allowing for these emojis to appear in a more apt red colour, as exemplified by <span data-alt=\"\u2666\" title=\"7\" id=\"sspan\" style=\"background-color: rgb(240, 240, 240); color: red;\">7\u2666<\/span><\/li>\n<\/ul>\n<p>You can retry <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence.html-GETME\">a changed<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence.html-GETME\">card_sequence.html<\/a> Card Sequence Game <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence.html\">web application<\/a> better suited to sharing and collaboration and which you can also <a href='#ifgametwo'>try below<\/a>.<\/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\/card-sequence-game-sharing-tutorial\/'>Card Sequence Game Sharing Tutorial<\/a>.<\/p-->\n<hr>\n<p id='csgt'>Previous relevant <a target=_blank title='Card Sequence Game Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/card-sequence-game-tutorial\/'>Card Sequence Game 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\/card_sequence.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Card Sequence Game Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence.jpg\" title=\"Card Sequence Game Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Card Sequence Game Tutorial<\/p><\/div>\n<p>We follow up yesterday&#8217;s <a title='Date Day of the Week Game Primer Tutorial' href='#ddwgpt'>Date Day of the Week Game Primer Tutorial<\/a> <i>Dr Crypton&#8217;s Mind Benders, Introduction by Isaac Asimov<\/i> (ISBN 0207146144) lead with a card sequence game we think might be a challenge for you.<\/p>\n<p>Again, we&#8217;ve got hints, but you lose score as you consult them.  Again we have &#8230;<\/p>\n<ul>\n<li>time (seconds)<\/li>\n<li>score (two plus for correct and one minus for incorrect)<\/li>\n<li>goes<\/li>\n<\/ul>\n<p> &#8230; as &#8220;bragging rights&#8221; data if you are comparing to friends?!<\/p>\n<p>So try the new <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence.html_GETME\">&#8220;proof of concept&#8221;<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence.html\">web application<\/a> you can also try below &#8230;<\/p>\n<p><iframe id=ifgametwo src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/card_sequence.html\" style=\"width:100%;height:750px;\"><\/iframe><\/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\/card-sequence-game-tutorial\/'>Card Sequence Game Tutorial<\/a>.<\/p-->\n<hr>\n<p id='ddwgpt'>Previous relevant <a target=_blank title='Date Day of the Week Game Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/date-day-of-the-week-game-primer-tutorial\/'>Date Day of the Week Game 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\/consecutive_friday_13ths_per_month_through_history.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Date Day of the Week Game Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/consecutive_friday_13ths_per_month_through_history.jpg\" title=\"Date Day of the Week Game Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">Date Day of the Week Game Primer Tutorial<\/p><\/div>\n<p>In the category of &#8220;Mind Bender&#8221;, today, we took inspiration from <i>Dr Crypton&#8217;s Mind Benders, Introduction by Isaac Asimov<\/i> (ISBN 0207146144), thanks, in creating a Date and Day of the Week web application based on &#8230;<\/p>\n<ul>\n<li>Friday the 13th &#8230; specifically &#8230;<\/li>\n<li>Which years have 2 consecutive Friday the 13ths occurring in subsequent months?<\/li>\n<\/ul>\n<p>To say much more would be giving the game away in our new <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/consecutive_friday_13ths_per_month_through_history.html_GETME\">&#8220;proof of concept&#8221;<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/consecutive_friday_13ths_per_month_through_history.html\">web application<\/a> you can also try below &#8230;<\/p>\n<p><iframe id=ifgameone src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/consecutive_friday_13ths_per_month_through_history.html\" style=\"width:100%;height:600px;\"><\/iframe><\/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='#d58677' onclick='var dv=document.getElementById(\"d58677\"); 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='d58677' 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='#d58683' onclick='var dv=document.getElementById(\"d58683\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/sequence\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58683' 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='#d58687' onclick='var dv=document.getElementById(\"d58687\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/sharing\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d58687' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The web application of yesterday&#8217;s Card Sequence Game Tutorial had a definite feel as if it could represent &#8230; a challenge amongst friends &#8230; and as such &#8230; we need to setup a &#8220;level playing field&#8221; means by which &#8230; &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/card-sequence-game-sharing-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,15,37],"tags":[174,3095,187,1604,4284,354,380,385,476,576,590,652,1807,739,1895,1133,1137,1159,3630],"class_list":["post-58687","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-games","category-tutorials","tag-button","tag-card","tag-cards","tag-collaboration","tag-denomination","tag-dom","tag-email","tag-emoji","tag-game","tag-html","tag-image","tag-javascript","tag-link","tag-mailto","tag-sequence","tag-share","tag-sharing","tag-sms","tag-suit"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58687"}],"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=58687"}],"version-history":[{"count":11,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58687\/revisions"}],"predecessor-version":[{"id":58700,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/58687\/revisions\/58700"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=58687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=58687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=58687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}