JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div id='percent'></div>
        <div id='res'></div>
    </body>
</html>

CSS

#res {
    width: 50px;
    height: 200px;
    border: 2px solid #999;

    background: #ffb;
    padding: 10px;
    overflow: scroll;
}

JavaScript

var percent = document.getElementById("percent");
var res = document.getElementById("res");

var arr = {};
var x1 = 0;
var y1 = 0;
var x2 = 0;
var y2 = 0;
var x3 = 0;
var y3 = 0;
var i = 0;
var ii = 0;

for(var i1=0;i1<2;i1++)
for(var j1=0;j1<3;j1++)
for(var i2=0;i2<2;i2++)
for(var j2=0;j2<3;j2++)
for(var i3=0;i3<2;i3++){
    arr[i1+"_"+j1+"_"+i2+"_"+j2+"_"+i3] = 0;
}

function process(x)
{
    arr[x1+"_"+y1+"_"+x2+"_"+y2+"_"+x]+=Math.pow(1.1,i);

    x1 = x2;
    y1 = y2;
    x2 = x3;
    y2 = y3;
    x3 = x;
    y3 = 2;  
    if(arr[x1+"_"+y1+"_"+x2+"_"+y2+"_"+0]>1.1*arr[x1+"_"+y1+"_"+x2+"_"+y2+"_"+1]){
        y3=0;
    }else if(arr[x1+"_"+y1+"_"+x2+"_"+y2+"_"+1]>1.1*arr[x1+"_"+y1+"_"+x2+"_"+y2+"_"+0]) {
        y3=1;
    }
    ++i;
    if(x3 == y2) ++ii;
  
    res.innerHTML += x3 + " " + y2 + "<br>";
    res.scrollTop = res.scrollHeight;
    percent.innerHTML = (ii/i).toFixed(2);
}

res.onmousedown=function(e)
{
    if( e.button == 2 ){
        process(1);
    }else{
        process(0);
    }
    return false;
}
document.oncontextmenu=function(e){return false;}