Dynamic Hyperlink in HTML

Question

I need to create a hyperlink that will change each day to incorporate the date from the day previous

Example:

For a download link on May 16th

<a href="http://www.example.com/dir/download-2020-05-15" title="Download Link">Download</a>

For a download link on May 17th

<a href="http://www.example.com/dir/download-2020-05-16" title="Download Link">Download</a>

I understand that there would probably be some script that can do this for me, but I cannot find it. Sorry if I am repeating other questions here.

Have a look: stackoverflow.com/questions/27728219/…

PM 77-1
– PM 77-1

2020-05-15 01:29:12 +00:00
Commented May 15, 2020 at 1:29 — PM 77-1
– PM 77-1, Commented May 15, 2020 at 1:29

Preeti A. · Accepted Answer · 2020-05-15 03:58:51Z

1

@PatMcInnes : you can create 3 different elements of a tag like this :

var elementCreatedOne = document.getElementById("a1”);

var elementCreatedTwo = document.getElementById("a2”);
var elementCreatedThree = document.getElementById("a3”);

var todaysDate = new Date();
var formattedDate= todaysDate.getFullYear() + '-' + (todaysDate.getMonth() + 1) + '-' + todaysDate.getDate();


elementCreatedOne .setAttribute("href", 
    “Link1” + formattedDate);

elementCreatedTwo .setAttribute("href", 
    “Link2” + formattedDate);

elementCreatedThree .setAttribute("href", 
    “Link3” + formattedDate);

HTML :

<a href="" id="a1” title="Download Link">Download</a>
<a href="" id="a2” title="Download Link">Download</a>
<a href="" id="a3” title="Download Link">Download</a>

edited May 15, 2020 at 3:58

answered May 15, 2020 at 1:38

Preeti A.

1595 bronze badges

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

4 Comments

Pat McInnes Over a year ago

Could you explain this a little clearer @user2945950 - I think that this is what I am after but what I need is one for 3 different links. AKA: Link 1: address1/date Link 2: address2/date Link 3: address3/date

Pat McInnes Over a year ago

I will give this a try and let you know the outcome!

Preeti A. Over a year ago

I didnt run the code, please forgive of missed variable names and syntax.

Pat McInnes Over a year ago

Didn't seem to work for me - unless I am being a complete putz and I'm doing it wrong

Romeo Dabok · Accepted Answer · 2020-05-15 03:51:50Z

I'm still kinda new to js but I hope this helps...

<!-- The download link in which we shall change its target URL -->
<a id="downloadLink" href="#">Download</a>

<!-- Javascript script changing the link with the id "downloadLink" target URL  -->
<script type="text/javascript">
//The first part of the link without the date
var download = "http://www.example.com/dir/download-";

//Gets the link element in which the target URL will be changed
var link = document.getElementById("downloadLink");

//Gets the current date and formats it as yyyy-mm-dd
var cd = new Date().toISOString().slice(0,10); 

//Finally we change the links "href" attribute so it will now include the first part of the download link and date 
link.href = download + cd;
</script>

Collectives™ on Stack Overflow

Dynamic Hyperlink in HTML

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related