Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Calculadora tablas de multiplicar

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tablas de multiplicar</title>

    <style>
      body {
        background-color: lightgray;
      }

      h1 {
        font-family: sans-serif;
        font-size: 4rem;
        padding-left: 30px;
        padding-right: 30px;
        color: black;
        text-align: left;
        margin-bottom: 30px;
        margin-top: 30px;
      }

      h3 {
        font-family: sans-serif;
        font-weight: bolder;
        color: black;
        padding-left: 30px;
        padding-right: 30px;
        /* letter-spacing: 1.5px; */
        margin-bottom: 15px;
      }

      p {
        font-family: monospace;
        text-align: justify;
        padding-left: 50px;
        padding-right: 30px;
        color: black;
      }

      hr {
        border: 1px solid black;
      }

    </style>
  </head>


  <body>

    <h1>TABLAS DE MULTIPLICAR</h1>
    <hr>

    <script>

      // funciones --------------->

      function saltarLinea() {
        document.write("<br>");
      }

      function imprimir(frase) {
        document.write(frase);
        saltarLinea();
      }

      // variables ---------------->

      let multiplicador = 1;
      const multiplicando = prompt("Dime, ¿La tabla de qué número deseas?");

      // programa ---------------->

      // while loop ------------------>      
      // imprimir("<h3><i>WHILE:</i></h3>");

      // while (multiplicador <= 10) {
      //   imprimir(multiplicando * multiplicador);
      //   multiplicador++;
      // }

      // for loop ------------------>
      imprimir("<h3><i>Resultados conforme al número seleccionado:</i></h3>");

      for(let multiplicador = 1; multiplicador <= 10; multiplicador++) {
        imprimir(multiplicando * multiplicador);
      }

    </script>

  <img src="https://64.media.tumblr.com/tumblr_m9bi1rVdZu1r71uie.gif" alt="costanza">

  </body>
</html>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

2 respuestas

Gracias por compartir, probé tu código, funciona perfectamente. Saludos

Gracias Mabel! Saludos!