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.

Deja una respuesta

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

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock
close