Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
3
respostas

Criei um gerador de tabuada para os meus filhos!

Claro que eles só irão acessar minha maquina, quando estiverem com duvidas, não pretendo deixar os estudos deles tão fácil assim...rsrs Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas

Gerador de Tabuada

  </div>


  <script>
       var input = document.querySelector("input");
      input.value = "";
      input.focus();

      input.value;

      function up(){
          document.write("<br><br>");
      }
      function print(frase){
          document.write(frase);
            up();
      }

      function calcular(){
        for(var mult = 1; mult  <= 10; mult++){
          print(mult * input.value);
        }

      }

      var button = document.querySelector("button");
      button.onclick = calcular;
  </script>

Olá, tudo bem? Muito bacana, imensa gratidão por compartilhar.

solução!

Esqueci de mostrar o css

body {
  font-family: "Roboto Mono", monospace;
  background-image: url("https://img.freepik.com/vetores-gratis/fundo-de-quadro-de-matematica_1995-357.jpg?size=626&ext=jpg");
  background-position: center ;
  background-repeat: repeat;
}

h1 {
  text-align: center;
}

input, button {
  margin: 12px;
  padding: 8px;
  border: solid ;
}

input {
  background-color: lightblue;
}

button {
  color: black;
  background-color: green;
}

.center {
  margin-left: 250px;

}

É claro sempre bom e útil ajudar, mesmo nas coisas simples. Disponha... E Bora mergulhar no código!!!