Inicio Apuntes FPApuntes DAWFrases aleatorias para tu web usando JavaScript

Frases aleatorias para tu web usando JavaScript

Publicado por entreunosyceros
Publicado el: Última actualización:

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

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

<html>
<head>
<title></title>
<meta charset="utf-8">
    <script type="text/javascript">

    // declaramos el array con frases ,el número de posiciones es indiferente
    var Frases=new Array()
    //primera posición
    Frases[0] = "Si en los inicios no puedes alimentar a tu equipo con 2 pizzas, es que es demasiado grande – Jeff Bezos de Amazon.";
    //segunda posición
    Frases[1] = "El valor de una idea radica en el uso de la misma – Thomas Edison.";
    //tercer posición
    Frases[2] = "El trabajo va a ocupar gran parte de tu vida. La única forma de estar realmente satisfecho es hacer aquello que crees que es un buen trabajo, y la única forma de hacer un gran trabajo es amar aquello que haces – Steve Jobs de Apple.";
    //cuarta posición
    Frases[3] = "Tus clientes más insatisfechos deben ser tu mayor fuente de aprendizaje – Bill Gates";
    //quinta posición
    Frases[4] = "Una visión de una idea sin la capacidad de ejecución es únicamente una alucinación – Steve Case de AOL.";

    // Calculamos la longitud del array (el resultado será el número de frases)
    var Q = Frases.length;

    // Obtener un número aleatorio entre 1 y la cantidad de frases incluidas
    //Utilizando la clase Math y el método random().
    var numAleatorio=Math.round(Math.random()*(Q-1));

    // Creamos una función para mostrar la frase
    function mostrarFrases() {
    document.write(Frases[numAleatorio]);}
    </script>

</head>

<body>
<h1>Frases aleatorias con JavaScript</h1>
<h6>Pulsa F5 para cambiar de frase</h6>
<script type="text/javascript">mostrarFrases(); </script>
</body>
</html>

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.

También te puede interesar ...

Deja un comentario

* Al utilizar este formulario, aceptas que este sitio web almacene y maneje tus datos.

Resumen de privacidad
cookies entreunosyceros

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible.

La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudarnos a comprender qué secciones de la web encuentras más interesantes y útiles.

Nunca almacenamos información personal de ningún tipo.

Tienes toda la información sobre privacidad, derechos legales y cookies en nuestra página sobre la política de privacidad o en la página sobre nuestra política de cookies.

Cookies necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de terceros

Esta web utiliza las siguientes cookies adicionales:

- Mailchimp: Recordar si ya estás suscrito al boletín de noticias y sino ofrecértelo al salir.

- Accesibilidad: Para saber tus ajustes de accesibilidad en cada visita.

- Comentarios: Saber si has leído y aceptado nuestra política de privacidad a la hora de dejar un comentario en la web.

- Google Analytics: Localización para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

- Goggle Adsense: Anuncios personalizados según tu geolocalización y preferencias.

Dejar estas cookies activadas nos permite mejorar nuestra web.

Adblock Detectado!!

Ayúdanos deshabilitando la extensión AdBlocker de tu navegador para visitar esta web.
Si no sabes hacerlo en Chrome, consulta el siguiente enlace. Si utilizas Firefox, puedes consultar este otro enlace.
Esto mejorará tu experiencia en este sitio web.