<!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>