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>
|
