<!DOCTYPE html>
<html>
<head>
<title>Initially, and Then? ... RJM Programming - May, 2018</title>
<style>
td { text-align: center; font-size: 60px; width:32%; }
</style>
</head>
<body>

<table border=1 style=width:100%;height:100vh;>
<tr><td id="square1"></td><td id="square2"></td><td id="square3"></td></tr>
<tr><td id="square4"></td><td id="square5"></td><td id="square6"></td></tr>
<tr><td id="square7"></td><td id="square8"></td><td id="square9"></td></tr>
</table>

<h1 id=myh1 style=position:absolute;top:32%;width:100%;text-align:center;z-index:7;background-color:rgba(255,0,0,0.3);>Tic Tac Toe via Dynamic Javascript<br>RJM Programming - May, 2018<br><br>123<br>456<br>789</h1>

<script>
var ans='';
var isid=0, jsid=0;
var alreadydone='';
var player1has='';
var player2has='';
var onetwo=[1,2];
var rdone=false;
var charis=['X','0'];
var ccol=['yellow','pink'];
var eog='';
var tag; // = document.createElement('script');
var firstScriptTag; // = document.getElementsByTagName('script')[0];

function pm(im) {
return onetwo[eval(-1 + im)];
}

function doeog() {
if (eog != '') {
alert(eog);
eog='';
location.href=document.URL;
}
}

function readyd(ns, nm) {
if (ns.indexOf('1') != -1 && ns.indexOf('2') != -1 && ns.indexOf('3') != -1) {
eog=('Tic Tac Toe game from RJM Programming congratulates Player ' + pm(nm) + '. You win!');
//location.href=document.URL;
} else if (ns.indexOf('4') != -1 && ns.indexOf('5') != -1 && ns.indexOf('6') != -1) {
eog=('Tic Tac Toe game from RJM Programming congratulates Player ' + pm(nm) + '. You win!');
//location.href=document.URL;
} else if (ns.indexOf('7') != -1 && ns.indexOf('8') != -1 && ns.indexOf('9') != -1) {
eog=('Tic Tac Toe game from RJM Programming congratulates Player ' + pm(nm) + '. You win!');
//location.href=document.URL;
} else if (ns.indexOf('1') != -1 && ns.indexOf('4') != -1 && ns.indexOf('7') != -1) {
eog=('Tic Tac Toe game from RJM Programming congratulates Player ' + pm(nm) + '. You win!');
//location.href=document.URL;
} else if (ns.indexOf('2') != -1 && ns.indexOf('5') != -1 && ns.indexOf('8') != -1) {
eog=('Tic Tac Toe game from RJM Programming congratulates Player ' + pm(nm) + '. You win!');
//location.href=document.URL;
} else if (ns.indexOf('3') != -1 && ns.indexOf('6') != -1 && ns.indexOf('9') != -1) {
eog=('Tic Tac Toe game from RJM Programming congratulates, Player ' + pm(nm) + '. You win!');
//location.href=document.URL;
} else if (ns.indexOf('1') != -1 && ns.indexOf('5') != -1 && ns.indexOf('9') != -1) {
eog=('Tic Tac Toe game from RJM Programming congratulates Player ' + pm(nm) + '. You win!');
//location.href=document.URL;
} else if (ns.indexOf('3') != -1 && ns.indexOf('5') != -1 && ns.indexOf('7') != -1) {
eog=('Tic Tac Toe game from RJM Programming congratulates Player ' + pm(nm) + '. You win!');
//location.href=document.URL;
} else if (eval(eval(player1has.length) + eval(player2has.length)) >= 9) {
eog=('Tic Tac Toe game from RJM Programming calls it a Draw!');
//location.href=document.URL;
}
if (eog != '') setTimeout(doeog, 300);
}

function noneis() {
if (!rdone) {
rdone=true;
if (Math.floor(Math.random() * 2) == 1) {
onetwo=[2,1];
}
if (Math.floor(Math.random() * 2) == 1) {
charis=['0','X'];
}
}
nextone(jsid);
jsid++;
}

function nextone(sid) {
document.getElementById('myh1').innerHTML='';
tag = document.createElement('script');
tag.id='scr' + sid;
tag.innerHTML = " ans=null; while (eval(ans) < 1 || eval(ans) > 9 || alreadydone.indexOf(ans) != -1) { ans=prompt('Player ' + '" + pm(eval(eval(sid % 2) + 1)) + ", which square number from 1 to 9 do you want to place a ' + charis[" + eval(sid % 2) + "] + '?', ''); if (ans == null) { ans='0'; } else if (ans == '') { ans='0'; } } alreadydone+=ans; player" + eval(eval(sid % 2) + 1) + "has+=ans; readyd(player" + eval(eval(sid % 2) + 1) + "has," + eval(eval(sid % 2) + 1) + "); document.getElementById('square' + ans).style.backgroundColor=ccol[" + eval(sid % 2) + "]; document.getElementById('square' + ans).innerHTML=charis[" + eval(sid % 2) + "]; if (" + sid + " < 8) { setTimeout(noneis,2000); } ";
firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}

setTimeout(noneis, 2000);
</script>
</body>
</html>