Generate random string in a html link

Question

So I'm trying to make a link where the last part of the url is a random string generated by JavaScript. The Javascript function I have been using is this:

 function randomString(length, chars) {
    var result = '';
    for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
    return result;
}
document.write(randomString(6, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'));

How can I use this string inside a url, for example: <a href="http://mypage.com/random-generated-string">?

Barmar · Accepted Answer · 2013-09-09 17:50:30Z

1

Something like this:

var link = document.getElementById("id_of_anchor");
link.href = "http://mypage.com/" + randomString(6, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');

answered Sep 9, 2013 at 17:50

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Comments

haim770 · Accepted Answer · 2013-09-09 18:11:57Z

0

Pure JavaScript:

function randomizeHref()
{
    var e = window.event;
    e.preventDefault();

    var url = e.target.href;
    url += randomString(6, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');

    location.replace(url);

    return false;
}

Then in your HTML:

<a href="http://www.mypage.com/" onclick="randomizeHref();">Click here</a>

Using jQuery:

function randomizeHref(e)
{
    e.preventDefault();

    var url = this.href;
    url += randomString(6, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');

    location.replace(url);

    return false;
}

$(function()
{
    $('a[rel=randomizeHref]').click(randomizeHref);
});

Then:

<a href="http://www.mypage.com/" rel="randomizeHref">Click here</a>

edited Sep 9, 2013 at 18:11

answered Sep 9, 2013 at 17:54

haim770

49.2k7 gold badges113 silver badges139 bronze badges

3 Comments

ph3bell Over a year ago

Hmm, I tried both the jQuery and JavaScript version but none of the seems to send me off the the link. I can click them, but nothing happens.

haim770 Over a year ago

Did you check the console for errors? what Browser did you check?

ph3bell Over a year ago

I forgot to close a bracket! Thank you, this method works great!

Collectives™ on Stack Overflow

Generate random string in a html link

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related