3c3
< <title>Dots and Boxes Game - RJM Programming - August, 2022</title>
---
> <title>SOS Game - RJM Programming - August, 2022</title>
113c113
<     font-size: 16px;
---
>     font-size: 20px;
117c117
<     border: 2px dashed rgba(0,0,0,0.5);
---
>     outline: 1px dotted #000000;
121c121
<     background: linear-gradient(45deg, #fff722, #ff26f9),linear-gradient(142deg, transparent, white),linear-gradient(108deg, red, transparent);
---
>     background-image: linear-gradient(to bottom, rgba(128,0,128,0.5) , rgba(0,0,255,0.5)); 
126,128c126,128
< <h1>Dots and Boxes <select style='display:none;' id=cmode onchange="cmodeit(this);"><option value="" id=cmodeopt></option><option value=click>Click</option><option value=selection>Selection</option></select> Game <select style='display:none;' onchange="restart(this);" id=sdod><option id=sdodd value="hard">Hard</option><option style="display:none;" value="easy">Easy</option><option value="easier">Easier</option><option value="easiest">Easiest</option><option value="hard">Hard</option></select> <span id=curbit>for</span> <select id=numsel onchange='nparrange(this);'><option id=optone value=1>1 player</option><option value=2>2 players</option><option value=3>3 players</option><option value=4>4 players</option><option value=5>5 players</option></select> <br>&nbsp;<span id=smore><input type=text onblur="nameslist=this.value.replace(/\~/g,' '); anames[0]=nameslist.split(',')[0].trim();   var qwe=testtwo('Your go ' + anames[curplayer], this.title.replace('Comma separate as required.',''), this.value); document.getElementById('smore').innerHTML=qwe;" id=names placeholder='Name(s)' value='' title='Comma separate as required.'></input></span></h1>
< <h3>RJM Programming - August, 2022 ... Score <span id=score>0/0</span> ... <span id=blurb>Try<span class=eventmode id=seventmode> click </span>below near a square border to infill a border line and eventually complete a square</span></h3>
< <h4 id=myh4>Thanks to <a target=_blank title='https://www.wikihow.com/Play-Dots-and-Boxes' href='//www.wikihow.com/Play-Dots-and-Boxes'>How to Play - Dots and Boxes</a></h4>
---
> <h1>SOS <select style='display:none;' id=cmode onchange="cmodeit(this);"><option value="" id=cmodeopt></option><option value=click>Click</option><option value=selection>Selection</option></select> Game <select onchange="restart(this);" id=sdod><option id=sdodd value="hard">Hard</option><option style="display:none;" value="easy">Easy</option><option value="easier">Easier</option><option value="easiest">Easiest</option><option value="hard">Hard</option></select> <span id=curbit>for</span> <select id=numsel onchange='nparrange(this);'><option id=optone value=1>1 player</option><option value=2>2 players</option><option value=3>3 players</option><option value=4>4 players</option><option value=5>5 players</option></select> <br>&nbsp;<span id=smore><input type=text onblur="nameslist=this.value.replace(/\~/g,' '); anames[0]=nameslist.split(',')[0].trim();   var qwe=testtwo('Your go ' + anames[curplayer], this.title.replace('Comma separate as required.',''), this.value); document.getElementById('smore').innerHTML=qwe;" id=names placeholder='Name(s)' value='' title='Comma separate as required.'></input></span></h1>
> <h3>RJM Programming - August, 2022 ... Score <span id=score>0/0</span> ... <span id=blurb>Forwards, backwards, up, down, diagonally 3 SOS letters<span class=eventmode id=seventmode> highlight </span>below top click <font color=white style=background-color:rgba(128,0,128,0.5);>S</font> bottom click <font color=white style=background-color:rgba(0,0,255,0.5);>O</font></span></h3>
> <h4 id=myh4>Thanks to <a target=_blank title='https://www.bead.game/games/traditional/sos' href='//www.bead.game/games/traditional/sos'>How to Play - SOS</a></h4>
217c217
<        sbs[isbs].style.outline='2px solid ' + bcols[curplayer];
---
>        sbs[isbs].style.outline='1px solid ' + bcols[curplayer];
352,384d351
<  function noc(inzx) {
<    var ihow=0;
<    var outzx=inzx;
<    var howevermany=eval('' + outzx.split('border-top').length);
<    if (howevermany > 2) {
<      for (ihow=2; ihow<howevermany; ihow++) {
<        outzx=outzx.replace('border-top', 'bordJUNKer-top');
<      }
<    }
<    howevermany=eval('' + outzx.split('border-bottom').length);
<    if (howevermany > 2) {
<      for (ihow=2; ihow<howevermany; ihow++) {
<        outzx=outzx.replace('border-bottom', 'bordJUNKer-bottom');
<      }
<    }
<    howevermany=eval('' + outzx.split('border-left').length);
<    if (howevermany > 2) {
<      for (ihow=2; ihow<howevermany; ihow++) {
<        outzx=outzx.replace('border-left', 'bordJUNKer-left');
<      }
<    }
<    howevermany=eval('' + outzx.split('border-right').length);
<    if (howevermany > 2) {
<      for (ihow=2; ihow<howevermany; ihow++) {
<        outzx=outzx.replace('border-right', 'bordJUNKer-right');
<      }
<    }
<    //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<    //  alert('sbl=' + outzx.split('border-').length + ' ' + outzx);
<    //}
<    return outzx;
<  }
<  
422,429d388
<    var topm=eval(yy - rtis.top);
<    var bottomm=eval(rtis.bottom - yy);
<    var leftm=eval(xx - rtis.left);
<    var rightm=eval(rtis.right - xx);
<    
<    var sbl=eval('' + noc(spano.outerHTML).split('border-').length);
<    var sbc=eval('' + spano.outerHTML.split('background-color').length);
<    
433,483c392,393
<    if (Math.min(topm, bottomm,leftm,rightm) == leftm || Math.min(topm, bottomm,leftm,rightm) == rightm) { // s
<      if (Math.min(topm, bottomm,leftm,rightm) == leftm) { // s
<        thislet='border-left:2px solid ' + bcols[curplayer]; //alert(56);
<        spano.style.borderLeft=thislet.split(':')[1];
<        //document.getElementById('myh4').style.fontSize='6px';
<        //document.getElementById('myh4').innerHTML='thisi=' + thisi + ' border-left and ' + eval(-1 + thisi) + ' is border-right ' + spano.outerHTML.replace(/\>/g,'&gt;').replace(/\</g,'&lt;');
<        if ((sbl == 4 && noc(spano.outerHTML).split('border-').length >= 4) && sbc == 1) {
<          //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<          //alert('' + sbl + ' 1:' + noc(spano.outerHTML).split('border-').length + ' ' + spano.outerHTML);
<          //}
<          spano.style.backgroundColor=bcols[curplayer];
< //alert(1);
<          locsubscore++;
<        } //else if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) && sbl == 4 && sbc == 1) { 
<          //alert('1:' + spano.outerHTML.split('border-').length + ' ' + spano.outerHTML);
<        //}
<        if (eval(thisi % 100) >= 1) {
<     sbl=eval('' + noc(document.getElementById('span' + eval(-1 + thisi)).outerHTML).split('border-').length);
<     sbc=eval('' + document.getElementById('span' + eval(-1 + thisi)).outerHTML.split('background-color').length);
<          document.getElementById('span' + eval(-1 + thisi)).style.borderRight=thislet.split(':')[1];
<          if ((sbl == 4 && noc(document.getElementById('span' + eval(-1 + thisi)).outerHTML).split('border-').length >= 4) && sbc == 1) { //if (document.getElementById('span' + eval(-1 + thisi)).outerHTML.split('border-').length == 5 && document.getElementById('span' + eval(-1 + thisi)).outerHTML.split('background-color').length == 1) {
<            document.getElementById('span' + eval(-1 + thisi)).style.backgroundColor=bcols[curplayer];
<            locsubscore++;
<          }
<        }
<      } else {
<        thislet='border-right:2px solid ' + bcols[curplayer]; //alert(56);
<        spano.style.borderRight=thislet.split(':')[1];
<        //document.getElementById('myh4').style.fontSize='6px';
<        //document.getElementById('myh4').innerHTML='thisi=' + thisi + ' border-right and ' + eval(1 + thisi) + ' is border-left ' + spano.outerHTML.replace(/\>/g,'&gt;').replace(/\</g,'&lt;');
<        if ((sbl == 4 && noc(spano.outerHTML).split('border-').length >= 4) && sbc == 1) {
<          spano.style.backgroundColor=bcols[curplayer];
< //alert(2);
<          //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<          //alert('' + sbl + ' 2:' + noc(spano.outerHTML).split('border-').length + ' ' + spano.outerHTML);
<          //}
<          locsubscore++;
<        } //else if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) && sbl == 4 && sbc == 1) { 
<          //alert('2:' + spano.outerHTML.split('border-').length + ' ' + spano.outerHTML);
<        //}
<        if (eval(thisi % 100) <= 98) {
<     sbl=eval('' + noc(document.getElementById('span' + eval(1 + thisi)).outerHTML).split('border-').length);
<     sbc=eval('' + document.getElementById('span' + eval(1 + thisi)).outerHTML.split('background-color').length);
<          document.getElementById('span' + eval(1 + thisi)).style.borderLeft=thislet.split(':')[1];
<          if ((sbl == 4 && noc(document.getElementById('span' + eval(1 + thisi)).outerHTML).split('border-').length >= 4) && sbc == 1) { //if (document.getElementById('span' + eval(1 + thisi)).outerHTML.split('border-').length == 5 && document.getElementById('span' + eval(1 + thisi)).outerHTML.split('background-color').length == 1) {
<            document.getElementById('span' + eval(1 + thisi)).style.backgroundColor=bcols[curplayer];
<            locsubscore++;
<          }
<        }
<      }
<      thislet='&nbsp;'; //'S';
---
>    if (eval(yy - rtis.top) <= eval(rtis.bottom - yy)) { // s
>      thislet='S';
487,536c397
<      if (Math.min(topm, bottomm,leftm,rightm) == bottomm) { // s
<        thislet='border-bottom:2px solid ' + bcols[curplayer]; //alert(56);
<        spano.style.borderBottom=thislet.split(':')[1];
<        //document.getElementById('myh4').style.fontSize='6px';
<        //document.getElementById('myh4').innerHTML='thisi=' + thisi + ' border-bottom and ' + eval(100 + thisi) + ' is border-top ' + spano.outerHTML.replace(/\>/g,'&gt;').replace(/\</g,'&lt;');
<        if ((sbl == 4 && spano.outerHTML.split('border-').length >= 4) && sbc == 1) {
<          spano.style.backgroundColor=bcols[curplayer];
< //alert(3);
<          //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<          //alert('' + sbl + ' 3:' + spano.outerHTML.split('border-').length + ' ' + spano.outerHTML);
<          //}
<          locsubscore++;
<        } //else if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) && sbl == 4 && sbc == 1) { 
<          //alert('3:' + spano.outerHTML.split('border-').length + ' ' + spano.outerHTML);
<        //}
<        if (eval(thisi / 100) <= 18) {
<     sbl=eval('' + noc(document.getElementById('span' + eval(100 + thisi)).outerHTML).split('border-').length);
<     sbc=eval('' + document.getElementById('span' + eval(100 + thisi)).outerHTML.split('background-color').length);
<          document.getElementById('span' + eval(100 + thisi)).style.borderTop=thislet.split(':')[1];
<          if ((sbl == 4 && noc(document.getElementById('span' + eval(100 + thisi)).outerHTML).split('border-').length >= 4) && sbc == 1) { //if (document.getElementById('span' + eval(100 + thisi)).outerHTML.split('border-').length == 5 && document.getElementById('span' + eval(100 + thisi)).outerHTML.split('background-color').length == 1) {
<            document.getElementById('span' + eval(100 + thisi)).style.backgroundColor=bcols[curplayer];
<            locsubscore++;
<          }
<        }
<      } else {
<        thislet='border-top:2px solid ' + bcols[curplayer]; //alert(56);
<        spano.style.borderTop=thislet.split(':')[1];
<        //document.getElementById('myh4').style.fontSize='6px';
<        //document.getElementById('myh4').innerHTML='thisi=' + thisi + ' border-top and ' + eval(-100 + thisi) + ' is border-bottom ' + spano.outerHTML.replace(/\>/g,'&gt;').replace(/\</g,'&lt;');
<        if ((sbl == 4 && noc(spano.outerHTML).split('border-').length >= 4) && sbc == 1) {
<          spano.style.backgroundColor=bcols[curplayer];
< //alert(4);
<          //if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
<          //alert('' + sbl + ' 4:' + spano.outerHTML.split('border-').length + ' ' + spano.outerHTML);
<          //}
<          locsubscore++;
<        } //else if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i) && sbl == 4 && sbc == 1) { 
<          //alert('4:' + spano.outerHTML.split('border-').length + ' ' + spano.outerHTML);
<        //}
<        if (eval(thisi / 100) >= 1) {
<     sbl=eval('' + noc(document.getElementById('span' + eval(-100 + thisi)).outerHTML).split('border-').length);
<     sbc=eval('' + document.getElementById('span' + eval(-100 + thisi)).outerHTML.split('background-color').length);
<          document.getElementById('span' + eval(-100 + thisi)).style.borderBottom=thislet.split(':')[1];
<          if ((sbl == 4 && noc(document.getElementById('span' + eval(-100 + thisi)).outerHTML).split('border-').length >= 4) && sbc == 1) { //if (document.getElementById('span' + eval(-100 + thisi)).outerHTML.split('border-').length == 5 && document.getElementById('span' + eval(-100 + thisi)).outerHTML.split('background-color').length == 1) {
<            document.getElementById('span' + eval(-100 + thisi)).style.backgroundColor=bcols[curplayer];
<            locsubscore++;
<          }
<        }
<      }
<      thislet='&nbsp;'; //'O';
---
>      thislet='O';
539a401,486
>    sbs=[];
>    if (eval(thisi % 100) >= 2) { // forwards we are at end
>      if ((sb(document.getElementById('span' + eval(-2 + thisi))).innerHTML + sb(document.getElementById('span' + eval(-1 + thisi))).innerHTML + sb(document.getElementById('span' + eval(thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    sbs=[];
>    if (eval(thisi % 100) >= 1 && eval(thisi % 100) <= 98) { // forwards we are in the middle
>      if ((sb(document.getElementById('span' + eval(-1 + thisi))).innerHTML + sb(document.getElementById('span' + eval(thisi))).innerHTML + sb(document.getElementById('span' + eval(1 + thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    sbs=[];
>    if (eval(thisi % 100) <= 97) { // forwards we are at start
>      if ((sb(document.getElementById('span' + eval(thisi))).innerHTML + sb(document.getElementById('span' + eval(1 + thisi))).innerHTML + sb(document.getElementById('span' + eval(2 + thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    
>    if (updownallowed) {
>    sbs=[];
>    if (eval(thisi / 100) >= 2) { // down we are at end
>      if ((sb(document.getElementById('span' + eval(-200 + thisi))).innerHTML + sb(document.getElementById('span' + eval(-100 + thisi))).innerHTML + sb(document.getElementById('span' + eval(thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    sbs=[];
>    if (eval(thisi / 100) >= 1 && eval(thisi / 100) <= 18) { // down we are in the middle
>      if ((sb(document.getElementById('span' + eval(-100 + thisi))).innerHTML + sb(document.getElementById('span' + eval(thisi))).innerHTML + sb(document.getElementById('span' + eval(100 + thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    sbs=[];
>    if (eval(thisi / 100) <= 17) { // down we are at start
>      if ((sb(document.getElementById('span' + eval(thisi))).innerHTML + sb(document.getElementById('span' + eval(100 + thisi))).innerHTML + sb(document.getElementById('span' + eval(200 + thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    }
> 
>    if (diagonalsallowed) {
>    sbs=[];
>    if (eval(thisi / 100) >= 2 && eval(thisi % 100) >= 2) { // diagonally we are at end
>      if ((sb(document.getElementById('span' + eval(-202 + thisi))).innerHTML + sb(document.getElementById('span' + eval(-101 + thisi))).innerHTML + sb(document.getElementById('span' + eval(thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    sbs=[];
>      if ((sb(document.getElementById('span' + eval(-198 + thisi))).innerHTML + sb(document.getElementById('span' + eval(-99 + thisi))).innerHTML + sb(document.getElementById('span' + eval(thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    sbs=[];
>    if (eval(thisi / 100) >= 1 && eval(thisi / 100) <= 18 && eval(thisi % 100) >= 1 && eval(thisi % 100) <= 98) { // diagonally we are in the middle
>      if ((sb(document.getElementById('span' + eval(-101 + thisi))).innerHTML + sb(document.getElementById('span' + eval(thisi))).innerHTML + sb(document.getElementById('span' + eval(101 + thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    sbs=[];
>      if ((sb(document.getElementById('span' + eval(-99 + thisi))).innerHTML + sb(document.getElementById('span' + eval(thisi))).innerHTML + sb(document.getElementById('span' + eval(99 + thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    sbs=[];
>    if (eval(thisi / 100) <= 17 && eval(thisi % 100) <= 97) { // diagonally we are at start
>      if ((sb(document.getElementById('span' + eval(thisi))).innerHTML + sb(document.getElementById('span' + eval(101 + thisi))).innerHTML + sb(document.getElementById('span' + eval(202 + thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    sbs=[];
>      if ((sb(document.getElementById('span' + eval(thisi))).innerHTML + sb(document.getElementById('span' + eval(99 + thisi))).innerHTML + sb(document.getElementById('span' + eval(198 + thisi))).innerHTML) == 'SOS') {
>       sbord();
>       locsubscore++;
>      }
>    }
>    }
>    sbs=[];
>