// Declaracao das funcoes
function chutar(evt) {
  // Evita que a pagina seja atualizada ao submeter o formulario
  evt.preventDefault();

  // Recupera o valor que o usuario chutou
  let palpite = Number(palpiteInput.value);

  // Adiciona o valor recuperado a lista de palpites
  listaDePalpites.push(palpite);

  valoresTentados.innerHTML = "Valores tentados: " + listaDePalpites.join(", ");

  // Limpa do campo de entrada o valor escolhido
  palpiteInput.value = "";

  // Logica de análise do resultado
  if (palpite === numeroCorreto) {
    analiseDeResultado.innerHTML = "Parabéns, você <b>acertou</b>!";

    // Desabilita o botao enviar
    botaoPalpite.disabled = true;
  } else if (palpite < numeroCorreto) {
    analiseDeResultado.innerHTML =
      "Tente um número <span class='maior'>maior</span>";
  } else {
    analiseDeResultado.innerHTML =
      "Tente um número <span class='menor'>menor</span>";
  }
}

const maximo = 100;
let numeroCorreto = Math.floor(Math.random() * maximo) + 1;

// Declaracao das variaveis
let listaDePalpites = [];

// Criacao dos elementos basicos
let subtitulo = document.createElement("h3");
subtitulo.innerHTML =
  "Eu pensei em um número entre 1 e " + maximo + ". Você consegue adivinhar?";
document.body.appendChild(subtitulo);

let formulario = document.createElement("form");
formulario.onsubmit = chutar;
document.body.appendChild(formulario);

let nomeLabel = document.createElement("label");
nomeLabel.innerHTML = "Nome";
nomeLabel.htmlFor = "nome-input";
formulario.appendChild(nomeLabel);

let nomeInput = document.createElement("input");
nomeInput.placeholder = "Digite o seu nome";
nomeInput.id = "nome-input";
nomeInput.required = "true";
formulario.appendChild(nomeInput);

let palpiteLabel = document.createElement("label");
palpiteLabel.innerHTML = "Palpite";
palpiteLabel.htmlFor = "palpite-input";
formulario.appendChild(palpiteLabel);

let palpiteInput = document.createElement("input");
palpiteInput.placeholder = "Digite o seu palpite";
palpiteInput.id = "palpite-input";
palpiteInput.type = "number";
palpiteInput.min = "1";
palpiteInput.max = maximo;
palpiteInput.required = "true";
formulario.appendChild(palpiteInput);

let botaoPalpite = document.createElement("input");
botaoPalpite.type = "submit";
botaoPalpite.innerHTML = "Adivinhar";
formulario.appendChild(botaoPalpite);

let valoresTentados = document.createElement("span");
document.body.appendChild(valoresTentados);

let analiseDeResultado = document.createElement("div");
analiseDeResultado.id = "analise-de-resultado";
document.body.appendChild(analiseDeResultado);