campos20

Untitled

Oct 27th, 2020
553
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // Declaracao das funcoes
  2. function chutar(evt) {
  3.   console.log("Você enviou o formulario");
  4.  
  5.   // Evita que a pagina seja atualizada ao submeter o formulario
  6.   evt.preventDefault();
  7.  
  8.   // Recupera o valor que o usuario chutou
  9.   let palpite = Number(palpiteInput.value);
  10.  
  11.   // Adiciona o valor recuperado a lista de palpites
  12.   listaDePalpites.push(palpite);
  13.  
  14.   valoresTentados.innerHTML = "Valores tentados: " + listaDePalpites.join(", ");
  15. }
  16.  
  17. // Declaracao das variaveis
  18. let listaDePalpites = [];
  19.  
  20. // Criacao dos elementos basicos
  21. let subtitulo = document.createElement("h3");
  22. subtitulo.innerHTML =
  23.   "Eu pensei em um número entre 1 e 100. Você consegue adivinhar?";
  24. document.body.appendChild(subtitulo);
  25.  
  26. let formulario = document.createElement("form");
  27. formulario.onsubmit = chutar;
  28. document.body.appendChild(formulario);
  29.  
  30. let nomeLabel = document.createElement("label");
  31. nomeLabel.innerHTML = "Nome";
  32. nomeLabel.htmlFor = "nome-input";
  33. formulario.appendChild(nomeLabel);
  34.  
  35. let nomeInput = document.createElement("input");
  36. nomeInput.placeholder = "Digite o seu nome";
  37. nomeInput.id = "nome-input";
  38. nomeInput.required = "true";
  39. nomeInput.value = "Alexandre"; // TODO remover esse valor padrao
  40. formulario.appendChild(nomeInput);
  41.  
  42. let palpiteLabel = document.createElement("label");
  43. palpiteLabel.innerHTML = "Palpite";
  44. palpiteLabel.htmlFor = "palpite-input";
  45. formulario.appendChild(palpiteLabel);
  46.  
  47. let palpiteInput = document.createElement("input");
  48. palpiteInput.placeholder = "Digite o seu palpite";
  49. palpiteInput.id = "palpite-input";
  50. palpiteInput.type = "number";
  51. palpiteInput.min = "1";
  52. palpiteInput.max = "100";
  53. palpiteInput.required = "true";
  54. formulario.appendChild(palpiteInput);
  55.  
  56. let botaoPalpite = document.createElement("input");
  57. botaoPalpite.type = "submit";
  58. botaoPalpite.innerHTML = "Adivinhar";
  59. formulario.appendChild(botaoPalpite);
  60.  
  61. let valoresTentados = document.createElement("span");
  62. document.body.appendChild(valoresTentados);
  63.  
RAW Paste Data