01 May Función javascript que escribe una tabla de multiplicar
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.
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!
Entradas relacionadas:
Programa javascript en la que se crea una etiqueta imagen que contiene un gif con un saludo. Se practica addEventListener() y removeChild(). Incluye solución.
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Ejercicio javascript con un campo que se muestra cuando se selecciona un asunto determinado mediante un select. Incluy resolución.
En este ejercicio se practica el método length y se usa para jugar con los arrays y acceder al primer elemento y al último de un vector.
Ejercicio en que se plantea escribir un diccionario que devuelve la traducción de una palabra en otro idioma. Incluye solución con if y for.
El desconocimiento hace que a menudo muchos usuarios decidan desactivar la opción de que nuestra navegador acepte y/o interprete este lenguaje de script. ¿Que podemos hacer para avisar a los usuarios ...
No Comments