// Declaracao das funcoes
function chutar(evt) {
  console.log("Você enviou o formulario");

  // 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(", ");
}

// 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 100. 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";
nomeInput.value = "Alexandre"; // TODO remover esse valor padrao
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 = "100";
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);