Generating A Random Link Through Javascript/html

I am trying to create a script that allows me to display a hyperlink that redirects the user to a random url selected out of four sites. So far I have created an array for the site

Solution 1:

Here's a simple way to do it.

<script>var sites = [
        'http://www.google.com',
        'http://www.stackoverflow.com',
        'http://www.example.com',
        'http://www.youtube.com'
    ];

    functionrandomSite() {
        var i = parseInt(Math.random() * sites.length);
        location.href = sites[i];
    }
</script><ahref="#"onclick="randomSite();">Random</a>

Solution 2:

<ahref="javascript:openSite()">Click to go to a random site</a><script>var links = [
              "google.com",
              "youtube.com",
              "reddit.com",
              "apple.com"]

           var openSite = function() {
              // get a random number between 0 and the number of linksvar randIdx = Math.random() * links.length;
              // round it, so it can be used as array index
              randIdx = parseInt(randIdx, 10);
              // construct the link to be openedvar link = 'http://' + links[randIdx];

     return link;
    };
</script>

Solution 3:

Here is the code:

var links = [
          "google.com",
          "youtube.com",
          "reddit.com",
          "apple.com"]

functionopenSite() {
    // get a random number between 0 and the number of linksvar randIdx = Math.random() * links.length;
    // round it, so it can be used as array index
    randIdx = parseInt(randIdx, 10);
    // construct the link to be openedvar link = 'http://' + links[randIdx];
        return link;
};

document.getElementById("link").innerHTML = openSite();

Here is the fiddle: https://jsfiddle.net/gerardofurtado/90vycqyy/1/