02 May Programa que escribe las tablas de multiplicar de 1 a n
En este ejercicio vamos a repasar el concepto de reutilización de código para resolver otro más complejo.
- En primer lugar eee este escrito dónde se resuelve como escribir una tabla de multiplicar cualquiera dado un número.
- Adicionalmente puedes repasar los conceptos de función y de estructura iterativa.
Entremos en materia.
Enunciado
Se desea escribir un programa que pregunte al usuario hasta que tabla de multiplicar quiere escribir.
El programa escribirá las tablas de multiplicar (1 a 10) del número 1 hasta el número indicado por el usuario.
El resultado final debe ser similar al de la imagen adjunta.
Solución del ejercicio
La función escribirTablaMultiplicar(j) se explica en este ejercicio. Puedes leerlo para encontrar el detalle de como se ha programado.
Supongamos pues que la función funciona y que efectivamente escribe la tabla de multiplicar del número j.
Sólo es necesario ejecutar la función iterativamente tantas veces como sea necesario.
El for nos ayuda a ello.
Previamente pedimos al usuario que indique un número que transformaremos a entero con parseInt().
El for recorre todos los valores de k=1 hasta numTablas.
function escribirTablaMultiplicar(j){
document.write("<h2>Tabla de multiplicar del "+ j +"</h2>");
document.write("<ul>");
//i++ significa i=i+1;
for(i = 1;i<=10;i++){
document.write("<li>");
document.write(j + "x " + i + "= " + j * i);
document.write("</li>");
}
document.write("</ul>");
}
var numTablas = parseInt(window.prompt("¿cuantas tablas quieres?"));
for(k=1;k<=numTablas;k=k+1){
document.write("<div>");
escribirTablaMultiplicar(k);
document.write("</div>");
}En cuanto a los estilos rodeamos cada tabla de un div al que le damos las propiedades inline-block y un width determinado para que se apilen unos al lado del otro.
Se muestra a continuación el <head> del documento web.
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{display:inline-block;
width:200px;}
</style>
</head>¡Hola!
Querido lector,
En este ejercicio vemos la potencia de romper un problema inicialmente complejo en muchos otros más fáciles.
¡Espero que te haya sido útil!
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
¿Te ha gustado esta publicación?
¡Valora sobre 5 estrellas esta publicación!
Todavía no hay votos. Sé el primero en valorar la entrada.
Vaya, parece que hay puntos a corregir
¿Me ayudas a mejorar?
¡Gracias por tu feedback!
Entradas relacionadas:
Resumimos como eliminar nodos del DOM mediante javascript y siguiendo una estrategia sencilla mediante .removeChild()
Repasamos las distintas formas que existen de asociar eventos javascript a etiquetas html. Ya sea por acoplamiento directo o como evento semántico. Comparamos también con addEventListener()
Programa javascript que inserta un audio en una web y lo quita. Es un muy buen ejercicio de repaso. Incluye vídeo con el paso a paso.
Ejercicio javascript dónde se practica el uso de for y de while para la resolución de un mismo problema JS. Incluye solución.
Problema javascript en que se pide traducir un problema solucionado con un if a una solución con un switch. Observa las diferencias. Incluye solución.
Compendio de métodos para trabajar con fechas en Javascript. Comparto mi chuleta de métodos para obtener y crear nuevas fechas.
No hay comentarios