JSFiddle - React, Tailwind, and code Playground

by SwampFall

HTML

<div id="div"></div>
<p id="p">test</p>
<button onclick="reset()">reset</button>
<button onclick="auto()">auto</button>
<button onclick="test()">test</button>
<button onclick="auto2()">auto2</button>
<p id="p2"></p>
<p id="p3"></p>

JavaScript

var show = false;

var btns = [];
var row = 8;
var col = 8;
var count = row * col;
var egg = 0;
var pos = [];

var div =  document.getElementById("div");
var p = document.getElementById("p");

var steps = [];
var steps5x5 = [[0,1],[[[1,2],[[[1,1],[[0,2]]],[[0,0],[[1,0]]]]],[[2,3],[[[2,2],[[[1,3]]]],[[2,1],[[],[[0,3]]]],[[2,0]]]],[[4,3],[[[3,2],[[[3,3],[[[4,2]]]],[[4,4],[[[3,4]]]]]],[[3,1],[[[4,2]],[],[[2,4]]]],[[0,4],[[[1,4]],[],[[4,0],[[[3,0]],[],[]]]]]]]]];
var steps8x8 = [[2,2],[[[3,4],[[[3,3],[[[2, 3]]]],[[1,3],[[[1,2]],[[3,2]]]],[[1,1],[[[2,1]],[[3,1]]]]]],[[3,4],[[[4,3],[[[4,4]],[[2,4]]]],[[1,4],[[],[],[[4,2]]]],[[1,0],[[[0,0],[[[0,1]],[[2,0]]]],[[0,2],[[],[],[[3,0]]]],[[0,3],[[[0,4]],[],[[4,0],[[[4,1]]]]]]]]]],[[5,5],[[[4,5],[[[4,6],[[[5,6]],[[5,4]]]],[[6,4],[[[6,5]],[[6,6]]]]]],[[6,7],[[[7,6],[[[7,7]],[[5,7]]]],[[4,7],[[],[],[[7,5]]]],[[5,3],[[[6,3]],[[7,3],[[[7,4]]]],[[3,5],[[[3,6]],[[3,7]]]]]]]],[[0,6],[[[0,5],[[[1,5],[[[1,6]]]],[[0,7],[[[1,7]]]]]],[[2,5],[[[2,6]],[[2,7]]]],[[7,1],[[[6,0],[[[6,1],[[[7,0]]]],[[6,2],[[[7,2]]]]]],[[5,0],[[[5,1]],[[5,2]]]]]]]]]]]];
var steps8x8b = [[2,2],[[[2,3],[[[1,2],[[[1,3]],[[3,2],[[[3,3]]]]]],[[1,1],[[[2,1]],[[3,1]]]]]],[[3,4],[[[4,3],[[[4,4]],[[2,4]]]],[[1,4],[[],[],[[4,2]]]],[[1,0],[[[0,0],[[[0,1]],[[2,0]]]],[[0,2],[[],[],[[3,0]]]],[[0,3],[[[0,4]],[],[[4,0],[[[4,1]]]]]]]]]],[[5,5],[[[4,5],[[[4,6],[[[5,6]],[[5,4]]]],[[6,4],[[[6,5]],[[6,6]]]]]],[[6,7],[[[7,6],[[[7,7]],[[5,7]]]],[[4,7],[[],[],[[7,5]]]],[[5,3],[[[6,3]],[[7,3],[[[7,4]]]],[[3,5],[[[3,6]],[[3,7]]]]]]]],[[0,6],[[[0,5],[[[1,5],[[[1,6]]]],[[0,7],[[[1,7]]]]]],[[2,5],[[[2,6]],[[2,7]]]],[[7,1],[[[6,0],[[[6,1],[[[7,0]]]],[[6,2],[[[7,2]]]]]],[[5,0],[[[5,1]],[[5,2]]]]]]]]]]]];

init();

var p2 = document.getElementById("p2");
var p3 = document.getElementById("p3");

var runs = 0;
var totalCount = 0;

function auto2() {
  for (var a = 0; a < 1000; a++) {
    auto();
    console.log(a);
  }
}

function auto() {
  init();
	var place = 0;
  var stepCount = 0;
 ...