Muestra frases en forma aleatoria

Gracias al siguiente script podemos mostrar un mensaje de texto en forma aleatoria. Cada vez que el usuario cargue la página se verá un mensaje distinto. Es muy útil para aplicar en un sitio en donde se necesite mostrar por ejemplo la famosa "frase del día".

La frase del día es:

Explicación del código del script

– Creamos la función frasedeldia() y almacenamos las frases en un vector:

function frasedeldia(){
text_array = new Array(
"Un amigo es quien ríe nuestra risa y llora nuestras lágrimas",
"La mejor forma de conseguir un amigo es serlo",
"Los amigos se convierten con frecuencia en ladrones de nuestro tiempo",
"Un amigo es una persona con la que se puede pensar en voz alta"
);

– Creamos un número aleatorio utilizando el método math.random, y se almacena en la variable numero:

fvar numero = Math.random();
numero = numero * text_array.length;
numero = numero * .5;
numero = Math.round(numero);

– Le damos vida a la frase cambiando el tipo, tamaño y color de la letra:

document.write(
‘<font face="verdana" size="2" color="red"><b>’ +
text_array[numero]) +
‘</b></font>’
}

– Y por último queda imprimir la frase del día, para ello ejecutaremos la función creada más arriba frasedeldia():

<SCRIPT>
frasedeldia();
</SCRIPT>

Código completo del script:

<HTML>
<HEAD>
<TITLE>Frase del día</TITLE>
</HEAD>
<BODY>

<SCRIPT>
function frasedeldia(){
text_array = new Array(
"Un amigo es quien ríe nuestra risa y llora nuestras lágrimas",
"La mejor forma de conseguir un amigo es serlo",
"Los amigos se convierten con frecuencia en ladrones de nuestro tiempo",
"Un amigo es una persona con la que se puede pensar en voz alta"
);

var numero = Math.random();
numero = numero * text_array.length;
numero = numero * .5;
numero = Math.round(numero);

document.write(
‘<font face="verdana" size="2" color="red"><b>’ +
text_array[numero]) +
‘</b></font>’
}
</SCRIPT>

<font face="verdana" size="2">Frase del día:</font><br>

<SCRIPT>
frasedeldia();
</SCRIPT>

</BODY>

</HTML>

Deja un comentario