Función javascript que escribe una tabla de multiplicar

Función javascript que escribe una tabla de multiplicar

Print Friendly, PDF & Email
En este ejercicio vamos a repasar el concepto de estructura iterativa y de función.

  • Para repasar el uso de funciones tal vez te sea útil este escrito.
  • Para repasar las estructuras iterativas dale un vistazo a esta otra.

¿Que mejor modo de hacerlo que escribiendo tablas de multiplicar?

Entremos en materia.

Enunciado

Se desea escribir una función javascript que dado un número cualquiera escriba la tabla de multiplicar del 1 al 10 del número especificado.

Se adjunta ejemplo del resultado esperado en la imagen.

Tabla de multiplicar del 5
Enunciado Tabla de multiplicar del 5 generada con javascript

Solución del ejercicio

El primer paso para resolver el ejercicio es escribir un programa que escriba la tabla de multiplicar del 1.

Para ello podemos resolverlo con un for que recorra los valores de i del 1 al 10.

El secreto está en la siguiente expresión.

document.write(1 + "x " + i + "= " + i);

Una vez resuelta la tabla del 1 entonces la idea es sustituir el número 1 por otra variable. Por ejemplo una j.

La idea es encerrar todo el programa en una función y pasar el valor de la variable j mediante el parámetro de entrada de la función.

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>");
}

escribirTablaMultiplicar(5);

¡Y esto es todo!

Ahora tenemos una función que por ejemplo podríamos reutilizar en otro ejercicio para escribir no una sino todas las tablas de multiplicar que se nos pidan.

¡Hola!

Querido lector,

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.