gerar um labirinto com o formato de quadrado construído caractere # na cor verde e o fundo da tela na cor preta , gerar personagem com o caractere @ na cor laranja que possa ser movido com as teclas direcionais

<!-- HTML -->
<div id="labirinto"></div>

<!-- CSS -->
#labirinto {
  border: 1px solid gray;
  background-color: black;
  width: 400px;
  height: 400px;
  position: relative;
  margin: 0 auto;
}

#personagem {
  position: absolute;
  color: orange;
  font-size: 30px;
  font-family: monospace;
  top: 0;
  left: 0;
}

/* JavaScript */
var labirinto = document.getElementById("labirinto");
var quadrado = document.createElement("div");
var personagem = document.createElement("div");
personagem.setAttribute("id", "personagem");
personagem.innerHTML = "@";
labirinto.appendChild(personagem);

for (var i = 0; i < 16; i++) {
  for (var j = 0; j < 16; j++) {
    quadrado = document