Frases aleatorias para tu web usando JavaScript

top feature image

AVISO: Esta entrada tiene más de dos años desde su publicación. Es posible que el contenido esté desactualizado.

Frases aleatorias para tu web usando JavaScript

Valora este artículo:
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (6 votos, promedio: 5,00 de 5)
Cargando…

El siguiente ejercicio viene a cuento de que el otro día un conocido me ha preguntado como podría mostrar frases aleatorias en su página web. Este es un ejercicio que hice hace ya algunos años por aquello de probar cosas con este lenguaje. Así por el mismo precio vamos a continuar con los ejercicios JavaScript que empecé el otro día con la calculadora.

Este ejercicio se trata de una pequeña página web con un JavaScript que va a trabajar con un array, que contendrá las frases a mostrar. Para obtener la frase de manera aleatoria se utiliza random(). Como se puede ver en el siguiente código hay que restarle 1 al número de frases totales. No hay que olvidar que los arrays comienzan en cero.frases aleatorias

El ejercicio funcionando se puede ver en el siguiente enlace. Para todos aquellos que ya saben de que va el tema este de los arrays v a a ser evidente que el ejercicio es ampliamente mejorable. A mi me parece un buen punto para empezar a moverse por los arrays y darle practicar un poco el JavaScript.

Frases aleatorias con JavaScript y un Array

Esta es una forma sencilla de poder poner frases aleatorias en una página web haciendo una simple llamada a la función correspondiente en la que guardaremos las frases que nos interese dentro de un array. Estas frases se mostrarán de manera automática haciendo uso de la función Math.random. Es algo sencillo, pero que cumple con lo que se buscaba para este artículo.

 





Resumen
Frases aleatorias para tu web usando JavaScript
Nombre
Frases aleatorias para tu web usando JavaScript
Descripción
Con este pequeño ejercicio utilizando JavaScript vas a poder mostrar de manera aleatoria frases en tu página web.
Autor
Nombre del editor
entreunosyceros
Logo del editor

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.