E - Refranes

ejercicio En este ejercicio utilizo un archivo llamado refranes.js para cargar todos los refranes (más de 200) en un array. En otro archivo llamado codigo.js defino una función para generar un número aleatorio entre 1 y la longitud máxima del array, de manera que mediante la función de JavaScript setInterval() se consigue que aparezca un refrán cada 5 segundos.

 

Código JavaScript


// ========================================
//  Código JavaScript
//  REFRANES POPULARES
//  (cc) 2017, 3con14.pro
// ========================================

var info = document.getElementById('info');

setInterval(function(){ 
  RefranesUno(); 
}, 5000);

function RefranesUno(){
  var n, a, b;
  a = 0;
  b = refran.length-1;
  n = AleatorioEntre(a,b);
  info.innerHTML = refran[n];
}

function RefranesTodos(){
  var mensaje = '<ul>';
  for (i=0; i<refran.length;i++){
    mensaje += '<li>' + refran[i] + '</li>';
  }
  info.innerHTML = mensaje + '</ul>';  
}

function AleatorioEntre(a,b){
  var n;
  n = Math.floor((Math.random() * (b - a))+a);
  return n;
}

// Y en un archivo separado, llamado refranes.js
// y que debemos cargar antes que este:

var refran   = new Array();
refran[0]    = "Aunque la mona vista de seda, mona se queda.";
refran[1]    = "A buen entendedor pocas palabras bastan.";
...
refran[225]  = "A caballo regalado no le mires el dentado.";


Código HTML



<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Curso de JS">
    <meta name="author" content="(cc) 3con14" />
    <title>Refranes</title>
    <link rel="stylesheet" href="/css/estilos_js.css">
</head>
<body>

<div class="contenedor">
    <div id="titulo">Refranes populares...</div>
    <img style="display:block; margin: auto;" src="/code/css/quijote.png" alt="">
    <div style="font-size: 2em;" id="info">A buen entendedor pocas palabras bastan.</div>

</div>

<script src="/js/refranes.js"></script>
<script src="/js/codigo.js"></script>
</body>
</html>

Reglas CSS

El código CSS es el mismo que tienes en otros ejercicios, salvo ligerísimos cambios, de manera que no es necesario repetirlo aquí.



/* -------------------------------
    CSS para ejemplos JavaScript
    (cc) 3con14, 2017
   ------------------------------- */

Demo

t refranes

 

Etiquetas: JavaScript, Ejercicio

Visitas...

Hoy ........ 0

Ayer ....... 0

Mes ........ 72

Total ........ 5726

En línea...

Hay 13 invitados y ningún miembro en línea

< 3con14 - LAB / >

1998 - 2017, www.3con14.biz
(cc) Jesús Plaza M.
RECONOCIMIENTOS