{"id":73063,"date":"2026-05-18T03:01:00","date_gmt":"2026-05-17T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=73063"},"modified":"2026-05-16T20:50:14","modified_gmt":"2026-05-16T10:50:14","slug":"clairvoyance-game-objectify-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/clairvoyance-game-objectify-tutorial\/","title":{"rendered":"Clairvoyance Game Objectify Tutorial"},"content":{"rendered":"
\"Clairvoyance<\/a>

Clairvoyance Game Objectify Tutorial<\/p><\/div>\n

Extending yesterday’s Clairvoyance Game Sharing Scores Tutorial<\/a>, it’s not exactly OOP (Object Oriented Programming<\/a>) we are doing, but what we’d describe as “objectify” the proceedings we’re attending to today. Take a look at the following Javascript initialization code (now versus before<\/font>) …<\/p>\n


\n var zener_cards=['\/circle_yellow.jpg#circle_yellow','\/cross_red.jpg#cross_red','\/waves_blue.jpg#waves_blue','\/square_black.jpg#square_black','\/star_green.jpg#star_green'];<\/font>
\n
\n var theword='Clairvoyance';
\n var thenoun='Zener Card';
\n var theelem=\"<img style='object-fit:contain;' src=\";
\n var thewords=['Clairvoyance', 'Fruit', 'Food'];
\n var theelems=[\"<img style='object-fit:contain;' src=\", \"<img style='object-fit:contain;' src=\", \"<img style='object-fit:contain;' src=\"];
\n var theihs=[\">\", \">\", \">\"];
\n var thenouns=['Zener Card', 'Fruit', 'Food'];
\n var theiw=(document.URL.indexOf('itype=') != -1 ? eval(-1 + eval('' + document.URL.split('itype=')[1].split('&')[0].split('#'))) : 0);
\n
\n var ppsuff='';
\n var youare='';
\n var otheris='';
\n var score=0, goes=0;
\n var woois=null;
\n var pick=-1, awaiting=false, holdon=false;
\n var bihnull=true;
\n var anchor=null;
\n var initval='';
\n var lastafterscore='';
\n var wherewrong=false;
\n var sharemyscore=false, allowsdone=false;
\n var zcblurb=' You can enter ? to find out more about the history of Zener Cards. ';
\n
\n if (theiw > 0) {
\n zcblurb='';
\n document.title=document.title.replace('Clairvoyance ', thewords[theiw] + ' ');
\n if (thenouns[theiw] == 'Food') {
\n theelems[theiw]='<button style=font-size:100px; title=';
\n theihs[theiw]='>';
\n zener_cards[0]+='|&#x1f35b;';
\n zener_cards[1]+='|&#x1f371;';
\n zener_cards[2]+='|&#x1f358;';
\n zener_cards[3]+='|&#x1f359;';
\n zener_cards[4]+='|&#x1f363;';
\n } else if (thenouns[theiw] == 'Fruit') { \/\/ '127825', '127825', '127818', '127827', '127821'
\n theelems[theiw]='&lt;button style=font-size:100px; title=';
\n theihs[theiw]='&gt;';
\n zener_cards[0]+='|&#127817;';
\n zener_cards[1]+='|&#127825;';
\n zener_cards[2]+='|&#127818;';
\n zener_cards[3]+='|&#127827;';
\n zener_cards[4]+='|&#127821;';
\n }
\n }
\n

\n var sideas=['Awaiting Other Player Choosing a <\/font>' + thenouns[theiw] + ' to Guess','Select the <\/font>' + thenouns[theiw] + ' Your Player Partner Selected','Select a <\/font>' + thenouns[theiw] + ' You Are Asking Your Player Partner to Guess','Awaiting Guess from Your Player Partner','Awaiting a <\/font>' + thenouns[theiw] + ' Selection from Your Playing Partner'];<\/font>
\n<\/code><\/p>\n

… helping build up HTML for a new dropdown (versus what was there before<\/font>) …<\/p>\n


\n function multimaybe() {
\n var selbit='', jsel=0;
\n if (eval('' + thenouns.length) > 1) {
\n selbit=\"<sup><select style=width:30px; onchange=\\\"if (eval('' + this.value) != eval(1 + eval('' + theiw))) { location.href=document.URL.split('?')[0].split('#')[0] + '?itype=' + this.value; }\\\"><option value=\" + eval(1 + theiw) + \">?<\/option><\/select> <\/sup> \";
\n for (jsel=0; jsel<thenouns.length; jsel++) {
\n selbit=selbit.replace('<\/select>', '<option value=' + eval(1 + jsel) + '>' + thewords[jsel] + ' Game<\/option><\/select>');
\n }
\n }
\n return selbit;
\n }
\n
\n<\/code><\/p>\n

… and then later within the HTML <body> section …<\/p>\n


\n<script type=text\/javascript>
\n document.write(\"<h1 id=muh1><\/font>\" + thewords[theiw] + \" Game <\/font>\" + multimaybe() + \"<input type=checkbox id=allows style=display:none; onchange=chscal(this);><font size=1 id=fshare style=display:none;>Share Score<\/font><\/input> <input type=checkbox id=allowstwo style=display:none; onchange=chscaltwo(this);><font size=1 id=fsharetwo style=display:none;>Be Told Where You Went Wrong<\/font><\/input><\/h1><\/font>\");
\n<\/script>
\n<\/code><\/p>\n

… and am sure you can see where an initial “Clairvoyance” noun<\/i> “hardcoding” feel of logic gets expanded to an “array of nouns” (where lots of programmers will immediately shout “objects”), as an alternative way of thinking to the ways our Javascript functions are like “verbs”. If you “abstract” the “what was a hardcoding” into “a dynamically selectable list of nouns” this objectifying process can be quite useful.<\/p>\n

And so “day six” got us to …<\/p>\n