Insert (random) javascript array item into href

Question

I have the following code. I would like to make it so that it delivers a href depending on the random array item served (which are the latter parts of the URL). In other words, it should randomly take you to either the Blog (http://website.com/blog), About page or Home page. I have taken note of the method used here: Getting a random value from a JavaScript array, but they only console log the output. I cannot find any examples of how I would then put that output into the latter part of the href.

<a id='link' href='http://website.com/'>Click me</a>

<script>
var pages = ['blog','about','home'];
</script>

I expect any answer will use the javascript math.random() function but I have left it out of my question to prevent making it more messy than necessary if I do not use it the most efficiently.

What have you tried to figure out how to add the randomly selected entry to the URL? — Dexygen
– Dexygen, Commented Feb 5, 2021 at 18:49

mwilson · Accepted Answer · 2021-02-05 18:50:26Z

1

The idea is to get the random index of your array. Once you have the index, you can then grab the value from your array and set the href attribute.

const anchor = document.getElementById('link');
const pages = ['blog','about','home'];
const random = Math.floor(Math.random() * pages.length);
anchor.href = `http://website.com/${pages[random]}`;

// For Display Purposes Only
document.getElementById('display').innerText = anchor.href;

<a id='link' href='http://website.com/'>Click me</a>
<div id="display"></div>

answered Feb 5, 2021 at 18:50

mwilson

13.1k10 gold badges65 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aalexander · Accepted Answer · 2021-02-05 18:50:10Z

1

You can use the random element and then reassign the href property of the a tag.

var pages = ['blog','about','home'];
const randomElement = pages[Math.floor(Math.random() * pages.length)];

document.querySelector('a').href = `http://${randomElement}.com/`
console.log(document.querySelector('a').href )

<a id='link' href='http://website.com/'>Click me</a>

answered Feb 5, 2021 at 18:50

Aalexander

4,9843 gold badges13 silver badges37 bronze badges

2 Comments

DevOverflow Over a year ago

This answer also works perfectly, unfortunately can only pick one.

Aalexander Over a year ago

So you want use 2?

Collectives™ on Stack Overflow

Insert (random) javascript array item into href

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related