¿Cómo hacer un enlace con destino aleatorio?
No se programación; pero quiero hacer un algo para un trabajo escolar.
En una página web de Inicio, hacer una especie de test.
Entonces cuando le de clic en el botón empezar, quisiera que se abriera en forma aleatoria una de las... Digamos 10 páginas que tengo.
Supongo que se hace con un script o algo así.
¿Qué es lo que voy a hacer...?
Voy a hacer un test de matemáticas. Comienza con la página principal.
Entonces al hacer clic en iniciar se abre una página. Esta página tiene un temporizador, si el temporizador llega a cero, te manda a otra página donde dice que perdiste.
Si seleccionas la respuesta correcta, abrirá al azar otra página con una nueva pregunta, y su respectivo temporizador que va hacia el cero, donde se repite el procedimiento.
La razón de que se abra al azar, es para que si pierdes y llegues al inicio, no comience el test con la misma pregunta y se las vayan aprendiendo, por ensayo y error.
Así como 10 veces. Tengo ya las 103 páginas hechas con las preguntas.
Yo me imagino que es un script como los enlaces de href del html, que solo selo tengo que poner en la parte que quiero que sea el enlace o botón.
Si tiene que ponerse en el head o el body o no se dondeme dicen por favor porqueyo no sé.
-Lo que pasa es queno quiero hacerlo en power point porque se ve feo. Ademas no le puedo poner un temporizador.
En una página web de Inicio, hacer una especie de test.
Entonces cuando le de clic en el botón empezar, quisiera que se abriera en forma aleatoria una de las... Digamos 10 páginas que tengo.
Supongo que se hace con un script o algo así.
¿Qué es lo que voy a hacer...?
Voy a hacer un test de matemáticas. Comienza con la página principal.
Entonces al hacer clic en iniciar se abre una página. Esta página tiene un temporizador, si el temporizador llega a cero, te manda a otra página donde dice que perdiste.
Si seleccionas la respuesta correcta, abrirá al azar otra página con una nueva pregunta, y su respectivo temporizador que va hacia el cero, donde se repite el procedimiento.
La razón de que se abra al azar, es para que si pierdes y llegues al inicio, no comience el test con la misma pregunta y se las vayan aprendiendo, por ensayo y error.
Así como 10 veces. Tengo ya las 103 páginas hechas con las preguntas.
Yo me imagino que es un script como los enlaces de href del html, que solo selo tengo que poner en la parte que quiero que sea el enlace o botón.
Si tiene que ponerse en el head o el body o no se dondeme dicen por favor porqueyo no sé.
-Lo que pasa es queno quiero hacerlo en power point porque se ve feo. Ademas no le puedo poner un temporizador.
1 Respuesta
Respuesta de thexebolud
2
Veamos... tendrías que empezar poniendo un enlace con "id" en tu página y sin href, osea, que no apunte a ningún lado.
<a href='' id='enlace_aleatorio'>Pulsa aquí para empezar</a>
Luego un script con una lista, que coja un elemento al azar y lo asigne al href del enlace.
<script type="text/javascript">
// Lista de URLs separados por coma y entre comillas
var urls= [ 'http://hotmail.com', 'http://google.com', 'http://gestycontrol.com' ];
// Escoger una al azar
var url = urls[Math.floor(Math.random()*urls.length)];
// Asignarlo al boton
document.getElementById('enlace_aleatorio').href = url;
</script>
Para el tema temporizador, puedes usar la función de javascript setTimetout(), no sé si sabes como funciona.
<a href='' id='enlace_aleatorio'>Pulsa aquí para empezar</a>
Luego un script con una lista, que coja un elemento al azar y lo asigne al href del enlace.
<script type="text/javascript">
// Lista de URLs separados por coma y entre comillas
var urls= [ 'http://hotmail.com', 'http://google.com', 'http://gestycontrol.com' ];
// Escoger una al azar
var url = urls[Math.floor(Math.random()*urls.length)];
// Asignarlo al boton
document.getElementById('enlace_aleatorio').href = url;
</script>
Para el tema temporizador, puedes usar la función de javascript setTimetout(), no sé si sabes como funciona.
Pues no se cómo funciona, pero hasta ahora
Lo puse en el body pero no funcionó :(
Lo puse en el body pero no funcionó :(
¿Qué es lo que no funcionó?
Acabo de probar con éxito el siguiente código:
<html>
<head>
</head>
<body>
<a href='' id='enlace_aleatorio'>Pulsa aquí para empezar</a>
<script type="text/javascript">
// Lista de URLs separados por coma y entre comillas
var urls= [ 'http://hotmail.com', 'http://google.com', 'http://gestycontrol.com' ];
// Escoger una al azar
var url = urls[Math.floor(Math.random()*urls.length)];
// Asignarlo al boton
document.getElementById('enlace_aleatorio').href = url;
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<a href='' id='enlace_aleatorio'>Pulsa aquí para empezar</a>
<script type="text/javascript"> // Lista de URLs separados por coma y entre comillas var urls= [ 'http://hotmail.com', 'http://google.com', 'http://gestycontrol.com' ]; // Escoger una al azar var url = urls[Math.floor(Math.random()*urls.length)]; // Asignarlo al boton document.getElementById('enlace_aleatorio').href = url; </script>
</body>
</html>
Acabo de probar con éxito el siguiente código:
<html>
<head>
</head>
<body>
<a href='' id='enlace_aleatorio'>Pulsa aquí para empezar</a>
<script type="text/javascript">
// Lista de URLs separados por coma y entre comillas
var urls= [ 'http://hotmail.com', 'http://google.com', 'http://gestycontrol.com' ];
// Escoger una al azar
var url = urls[Math.floor(Math.random()*urls.length)];
// Asignarlo al boton
document.getElementById('enlace_aleatorio').href = url;
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<a href='' id='enlace_aleatorio'>Pulsa aquí para empezar</a>
<script type="text/javascript"> // Lista de URLs separados por coma y entre comillas var urls= [ 'http://hotmail.com', 'http://google.com', 'http://gestycontrol.com' ]; // Escoger una al azar var url = urls[Math.floor(Math.random()*urls.length)]; // Asignarlo al boton document.getElementById('enlace_aleatorio').href = url; </script>
</body>
</html>
Genial! Me ayudo muchísimo - Curet