<!doctype html>
<html>
<head>
<title>Job Search Grid Game - RJM Programming - January, 2017 ... Thanks to Science Puzzles for Young Scientists by Helene Hovanec ISBN 0-8069-3542-1</title>

<style>

input[type="button"]:hover { background-color: orange; }
input[type="submit"]:hover { background-color: green; }
td[title].yellow { background-color: yellow !important; } 

</style>

<script type='text/javascript' src='../../../../cookie_get.js'></script>

<script type='text/javascript'>
var asterisk_rows=location.search.split('starred_rows=')[1] ? eval(ourdecodeURIComponent((location.search.split('starred_rows=')[1]).split('&')[0])) : eval("[2,5]");
var asterisk_cols=location.search.split('starred_cols=')[1] ? eval(ourdecodeURIComponent((location.search.split('starred_cols=')[1]).split('&')[0])) : eval("[]");
var advice=location.search.split('advice=')[1] ? ourdecodeURIComponent((location.search.split('advice=')[1]).split('&')[0]) : "Click or tap in order two 3-letter pieces from the box to make a 6-letter word that answers each currently latest <b>bold</b> and/or <i>itallicized</i> clue.  We will write the word into the grid, reading <i>downward</i>.  After you use each 3-letter piece, we'll cross it off.  Then, when the grid is complete, we'll read <i>across</i> the starred rows to see if you have the word(s) for <i>a scientist's co-worker</i>.";
var partlength=location.search.split('part_length=')[1] ? eval(ourdecodeURIComponent((location.search.split('part_length=')[1]).split('&')[0])) : 3;
var partsper=location.search.split('part_per=')[1] ? eval(ourdecodeURIComponent((location.search.split('part_per=')[1]).split('&')[0])) : 2;
var numcols=location.search.split('numcols=')[1] ? eval(ourdecodeURIComponent((location.search.split('numcols=')[1]).split('&')[0])) : 5;
var numrows=location.search.split('numrows=')[1] ? eval(ourdecodeURIComponent((location.search.split('numrows=')[1]).split('&')[0])) : 4;
var parts=location.search.split('parts=')[1] ? eval(ourdecodeURIComponent((location.search.split('parts=')[1]).split('&')[0])) : [['ANS','BAS','CAT','COL','ECT'],['ING','LIE','MAN','MON','NIP'],['NTS','OBJ','ORG','PLA','RCH'],['SET','STA','THS','TRU','TYP']];
var clues=location.search.split('clues=')[1] ? eval(ourdecodeURIComponent((location.search.split('clues=')[1]).split('&')[0])) : ['Botanists study these living things','A kind of hound with drooping ears','A real thing','What May and June are','What hearts and livers are','Treat for a kitten','Potatoes and rice contain this food substance','A dog like Lassie','President Harry S. ____','Using a keyboard on a computer'];
var finalanswer=location.search.split('answer=')[1] ? (ourdecodeURIComponent((location.search.split('answer=')[1]).split('&')[0])) : "Laboratory technician";

var casterisk_rows=location.search.split('starred_rows=')[1] ? (ourdecodeURIComponent((location.search.split('starred_rows=')[1]).split('&')[0])) : "[2,5]";
var casterisk_cols=location.search.split('starred_cols=')[1] ? (ourdecodeURIComponent((location.search.split('starred_cols=')[1]).split('&')[0])) : "[]";

var cparts=location.search.split('parts=')[1] ? (ourdecodeURIComponent((location.search.split('parts=')[1]).split('&')[0])) : "[['ANS','BAS','CAT','COL','ECT'],['ING','LIE','MAN','MON','NIP'],['NTS','OBJ','ORG','PLA','RCH'],['SET','STA','THS','TRU','TYP']]";
var cclues=location.search.split('clues=')[1] ? (ourdecodeURIComponent((location.search.split('clues=')[1]).split('&')[0])) : "['Botanists study these living things','A kind of hound with drooping ears','A real thing','What May and June are','What hearts and livers are','Treat for a kitten','Potatoes and rice contain this food substance','A dog like Lassie','President Harry S. ____','Using a keyboard on a computer']";


var startat="d0_0";
var andthen=[1,0];
var clueat=1;
var goes=0;

function ourdecodeURIComponent(inf) {
  return decodeURIComponent(inf).replace(/\+/g,' ');
}

function ourcontains(ourarr,ourwhat) {
  var retval=false;
  for (var i=0; i<ourarr.length; i++) {
    if (ourarr[i] == ourwhat) return true;
  }
  return retval;
}

function wasto() {
  var bits=startat.replace('d','').split('_');
  if (eval(1 + eval(bits[0])) >= eval(partlength * partsper)) {
   return 'd0_' + eval(1 + eval(bits[1]));
  } else {
   return 'd' + eval(1 + eval(bits[0])) + '_' + bits[1];
  }
}

function seeifokay() {
  //alert('here');
  var ourcello, ourcol, youranswer='', iirow, iicol, ccols, wdelim='', iour=0;
  var palette=document.getElementById('dgrid').innerHTML;
  var trs=palette.split('</tr>');
  var ths=palette.split('</th>');
  if (trs[0].indexOf('*') != -1) {
   for (iicol=1; iicol<eval(-1 + ths.length); iicol++) {
     if (ths[iicol].indexOf('*') != -1) {
       ourcol=(ths[iicol].split('>')[eval(-1 + ths[iicol].split('>').length)].replace('*',' ').replace('&',' ') + ' ').split(' ')[0];
       iour=0;
       ourcello=document.getElementById('d' + eval(-1 + eval(ourcol)) + '_0');
       youranswer+=wdelim;
       wdelim=' ';
       while (ourcello != null) {
          youranswer+=ourcello.innerHTML;
          ourcello.style.backgroundColor='yellow';
          iour++;
          ourcello=document.getElementById('d' + eval(-1 + eval(ourcol)) + '_' + iour);
       }
     }
   }
  } else {
   for (iirow=1; iirow<eval(-1 + trs.length); iirow++) {
     if (trs[iirow].indexOf('*') != -1) {
      youranswer+=wdelim;
      wdelim=' ';
      ccols=trs[iirow].split('</td>');
      for (iicol=1; iicol<ccols.length; iicol++) {
       youranswer+=ccols[iicol].slice(-1);
      }
     }
   }
  }
  if (youranswer.toUpperCase() == finalanswer.toUpperCase()) {
    alert('Congratulations!  You got the answer ' + finalanswer + ' spot on!');
  } else {
    alert('Sorry!  No cigar!  But we will start the game again for you.');
    location.href=document.URL.split('#')[0];
  }
}

function analyze(wbut) {
  //alert(wbut.id);
  var oclue;
  for (var ii=0; ii<wbut.value.length; ii++) {
    document.getElementById(startat).innerHTML=wbut.value.substring(ii,eval(1 + ii));
    document.getElementById(startat).style.backgroundColor='white';
    document.getElementById(startat).title=wbut.value.substring(ii,eval(1 + ii));
    startat=wasto();
  }
  if (document.getElementById(startat)) {
    document.getElementById(startat).style.borderTop="2px solid white";
    document.getElementById(startat).style.borderLeft="2px solid white";
    document.getElementById(startat).style.borderRight="2px solid white";
  }
  document.getElementById(wbut.id.replace('i','c')).innerHTML=wbut.value;
  document.getElementById(wbut.id.replace('i','c')).style.backgroundColor='yellow';
  goes++;
  if (goes == (numrows * numcols)) {
     seeifokay();
  } else if (eval(goes % partsper) == 0) {
     document.getElementById('x' + clueat).innerHTML=clueat + '. ' + clues[eval(-1 + clueat)];
     clueat++;
     oclue=document.getElementById('x' + clueat);
     oclue.innerHTML=(oclue.innerHTML + '</i></b>').replace('.', '. <b><i>');
  }
   
}

function loadgame() {
  var irow,icol,tabletemplate="<table><tbody></tbody></table>",thistable="",jnum=1,prefix="<b></i>",suffix="</i></b>";
  var firststyle=' style="border-top:2px solid white;border-left:2px solid white;border-right:2px solid white;" ', classbit='';

  document.getElementById('myform').action=document.URL.split('?')[0].split('#')[0];

  document.getElementById('advice').value=advice;
  document.getElementById('advice').innerHTML=advice;
  document.getElementById('dadvice').innerHTML=advice;

  document.getElementById('numcols').value=numcols;
  document.getElementById('numrows').value=numrows;
  document.getElementById('part_per').value=partsper;
  document.getElementById('part_length').value=partlength;
  document.getElementById('starred_rows').value=casterisk_rows;
  document.getElementById('starred_cols').value=casterisk_cols;
  document.getElementById('parts').value=cparts;
  document.getElementById('clues').value=cclues;
  document.getElementById('parts').innerHTML=cparts;
  document.getElementById('clues').innerHTML=cclues;
  document.getElementById('answer').value=finalanswer;

  thistable=tabletemplate.replace(">", " cellpadding=10 cellspacing=10 border=10 style='width:35%;height:200px;'>"); 
  for (irow=0; irow<numrows; irow++) {
   thistable=thistable.replace('</tbody>','<tr></tr></tbody>');
   for (icol=0; icol<numcols; icol++) {
     thistable=thistable.replace('</tr></tbody>', '<td id=c' + irow + '_' + icol + '><input onclick=analyze(this); type=button value=' + parts[irow][icol] + ' id=i' + irow + '_' + icol + '></input></td></tr></tbody>');
   }
  }
  document.getElementById('dparts').innerHTML=thistable;

  thistable=tabletemplate.replace(">", " cellpadding=2 cellspacing=2 border=5 style='width:100%;height:200px;'>"); 
  for (irow=-1; irow<eval(partsper * partlength); irow++) {
   classbit='';
   if (irow < 0) {
   thistable=thistable.replace('</tbody>','<tr></tr></tbody>');
   } else {
   thistable=thistable.replace('</tbody>','<tr></tr></tbody>');
   }
   for (icol=-1; icol<eval(numrows * numcols) / eval(partsper); icol++) {
     if (icol < 0) {
      if (irow < 0) {
       thistable=thistable.replace('</tr></tbody>', '<th style="border:0px solid white;"></th></tr></tbody>');
      } else if (ourcontains(asterisk_rows,eval(1 + irow))) {
       thistable=thistable.replace('</tr></tbody>', '<td style="border-top:0px solid white;border-left:0px solid white;border-bottom:0px solid white;">*</td></tr></tbody>');
       classbit=' class="yellow" ';
      } else {
       thistable=thistable.replace('</tr></tbody>', '<td style="border-top:0px solid white;border-left:0px solid white;border-bottom:0px solid white;"></td></tr></tbody>');
      }
     } else if (irow < 0) {
       if (ourcontains(asterisk_cols,eval(1 + icol))) {
       thistable=thistable.replace('</tr></tbody>', '<th style="border-top:0px solid white;border-left:0px solid white;border-right:0px solid white;">' + eval(1 + icol) + ' *</th></tr></tbody>');
       } else {
       thistable=thistable.replace('</tr></tbody>', '<th style="border-top:0px solid white;border-left:0px solid white;border-right:0px solid white;">' + eval(1 + icol) + '</th></tr></tbody>');
       }
     } else {
      thistable=thistable.replace('</tr></tbody>', '<td ' + firststyle + classbit + ' id=d' + irow + '_' + icol + '></td></tr></tbody>');
      firststyle='';
     }
   }
  }
  document.getElementById('dgrid').innerHTML=thistable;

  thistable=tabletemplate.replace(">", " cellpadding=2 cellspacing=2 style='width:35%;height:200px;'>"); 
  for (irow=0; irow<eval(eval(numrows * numcols) / eval(partsper) / 2); irow++) {
   thistable=thistable.replace('</tbody>','<tr></tr></tbody>');
   for (icol=0; icol<2; icol++) {
     thistable=thistable.replace('</tr></tbody>', '<td id=x' + eval(eval(eval(numrows * numcols) / eval(partsper) / 2) * icol + irow + 1) + '><b>' + eval(eval(eval(numrows * numcols) / eval(partsper) / 2) * icol + irow + 1) + '.</b> ' + prefix + clues[eval(eval(eval(numrows * numcols) / eval(partsper) / 2) * icol + irow)] + suffix + '</td></tr></tbody>');
     prefix="";
     suffix="";
     jnum++;
   }
  }
  document.getElementById('dclues').innerHTML=thistable;

}

</script>

</head>
<body onload=" loadgame(); " style='background-color:yellow;'>
<div id=dcookies_okay><input type=hidden id=cookies_okay value=''></input></div>
<table style='width:100%;background-color:orange;' border=8><tbody><tr><td><h1>Job Search Grid Game</h1>
<h3>RJM Programming - January, 2017</h3>
<h3>Thanks to <a target=_blank title='Science Puzzles for Young Scientists by Helene Hovanec ISBN 0-8069-3542-1' href='https://books.google.com.au/books?isbn=0806958499'>Science Puzzles for Young Scientists</a> by Helene Hovanec ISBN 0-8069-3542-1</h3>
</td><td><div id='dgrid' style="background-color:magenta;"></div></td></tr></tbody></table>
<div id='dadvice' style="background-color:lightgreen;"></div><hr>
<table style='width:100%;background-color:cyan;' border=8><tbody><tr><td><div id='dparts'></div></td><td><div id='dclues' style="background-color:lightblue;"></div></td></tr></tbody></table><hr>
<!--br><hr><hr><br-->
<a href='#change' onclick=" document.getElementById('change').style.display='block'; " style=" cursor:pointer; text-decoration:underline; ">Manage Game Characteristics below?</a><br>
<div id='change' style='display:none;background-color:pink;'>
<form id='myform' action='./job_search_grid_game.html' method='GET'>
Number of Columns: <input type=number min=1 step=1 name=numcols id=numcols value="5"></input><br>
Number of Rows: <input type=number min=1 step=1 name=numrows id=numrows value="4"></input><br>
Parts: <textarea cols=80 rows=2 style='width:90%;' name=parts id=parts value="[['ANS','BAS','CAT','COL','ECT'],['ING','LIE','MAN','MON','NIP'],['NTS','OBJ','ORG','PLA','RCH'],['SET','STA','THS','TRU','TYP']]">[['ANS','BAS','CAT','COL','ECT'],['ING','LIE','MAN','MON','NIP'],['NTS','OBJ','ORG','PLA','RCH'],['SET','STA','THS','TRU','TYP']]</textarea><br>
Clues: <textarea cols=80 rows=3 style='width:90%;' name=clues id=clues value="['Botanists study these living things','A kind of hound with drooping ears','A real thing','What May and June are','What hearts and livers are','Treat for a kitten','Potatoes and rice contain this food substance','A dog like Lassie','President Harry S. ____','Using a keyboard on a computer']">['Botanists study these living things','A kind of hound with drooping ears','A real thing','What May and June are','What hearts and livers are','Treat for a kitten','Potatoes and rice contain this food substance','A dog like Lassie','President Harry S. ____','Using a keyboard on a computer']</textarea><br>
Starred Rows: <input type=text name=starred_rows id=starred_rows value="[2,5]"></input><br>
Starred Columns: <input type=text name=starred_cols id=starred_cols value="[]"></input><br>
Parts Length: <input type=number min=1 step=1 name=part_length id=part_length value="3"></input><br>
Number of Parts per Column: <input type=number min=1 step=1 name=part_per id=part_per value="2"></input><br>
Answer: <input type=password name=answer id=answer value="Laboratory technician"></input><br><br>
Advice: <textarea cols=80 rows=7 type=text name=advice id=advice value="Join together two 3-letter pieces from the box to make a 6-letter word that answers each clue.  Write the word into the grid, reading <i>downward</i>.  After you use each 3-letter piece, cross it off.  Then, when the grid is complete, read <i>across</i> the starred rows to find a scientist's co-worker.">Join together two 3-letter pieces from the box to make a 6-letter word that answers each clue.  Write the word into the grid, reading <i>downward</i>.  After you use each 3-letter piece, cross it off.  Then, when the grid is complete, read <i>across</i> the starred rows to find a scientist's co-worker.</textarea><br>
<input type=submit id=manage value='Play with Game Characteristics Above'></input><br><br><br>
</form>
</div>
</body>
</html>