in ,

Crear botón con enlace aleatorio con JavaScript

Aplicamos HTML:

Preparamos la etiqueta que llevara el enlace, por ahora sin enlaces y con ID

<a id="url-random" target="_blank" rel="nofollow">
	boton con url aleatorio
</a>

Aplicamos JAVASCRIPT:

La función tiene un array donde agregaremos los enlaces que serán los aleatorios, el array cuenta la lista desde el numero 0.

Usamos la función Math.random() de esta manera para que indicar un numero aleatorio:

Math.floor(Math.random() * (max - min + 1) + min);

En este caso el array tiene 3 datos, así que reemplazamos min por 0, y max por 2

window.onload = function() {
  let linksRandom = ["https://www.youtube.com/", 
                     "https://www.facebook.com/", 
                     "https://forobeta.com/"];
  var i =  Math.floor(Math.random() * (2 - 0 + 1) + 0);
  document.getElementById('url-random').href = linksRandom[i];
}

La url del botón cambiara cada vez que se recargue la pagina

See the Pen Crear botón con enlace aleatorio con JavaScript by Gustavo (@gusta1996) on CodePen.

Written by Davii

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Crear una ventana modal con HTML, CSS y Javascript

Mostrar elementos / contenido por Perfiles de usuario WordPress