Solucionado (ver solução)
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!!!