campos20

Untitled

Oct 27th, 2020
579
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

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×