JSFiddle - React, Tailwind, and code Playground

by falldeaf

HTML

<pre id="field"></pre>

<pre id="field2"></pre>

JavaScript

score = 0
player = [1,1]
enemy1 = [1,1]
enemy2 = [1,1]
playing = true

grid_blank = [
				[ "╔", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "╗" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "╚", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "╝" ]
]
grid_visual = [
				[ "╔", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "╗" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "║", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "║" ],
				[ "╚", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "═", "╝" ]
]

function blank() {
  for(i=0; i<grid_blank.length; i++) {
  	for(j=0; j<grid_blank[0].length; j++) {
			grid_visual[i][j] = grid_blank[i][j]
  	}
  }
}

function draw() {
	//console.log("foo")
	blank()
  grid_visual[player[0]][player[1]] = "☺"
  grid_visual[enemy1[0]][enemy1[1]] = "1"
  grid_visual[enemy2[0]][enemy2[1]] = "2"
  
	console.log(grid_visual.length)
  console.log(grid_visual[0].length)
  str = ""
  for(i=0; i<grid_visual.length; i++) {
  	for(j=0; j<grid_visual[0].length; j++) {
    	str += grid_visual[i][j]
    }
    str += "\n"
  }
  document.getElementById("field").innerHTML = str
}

function restart() {
	score = 0
	player[0] =...