Adding <a> element to an existing Javascript variable for use in .html statement

Question

I'm trying to add an <a> element around a string that currently exists as a Javascript variable. The resulting element should display as: 'copyright symbol' + 'companyName' + 'this year's date'. BUT with ONLY the variable 'companyName' acting as an html link

Existing JS

const companyName = "ANY BUSINESS NAME";

function setCopyrightText() {
    $("#ifcCopyright").html("&copy; " + companyName + " " + new Date().getFullYear());
}

Existing HTML

<span class="textHeavy fontWhite" id="ifcCopyright"></span>

I've tried several approaches and I'm beginning to realise there must be a simpler solution but I'm missing it _ I've been through several answers on Stack but unsuccessful in finding what I need

Thanks in advance for any suggestions

Tushar Shahi · Accepted Answer · 2021-07-18 15:01:45Z

1

.html() takes A string of HTML to set as the content of each matched element. Did you try this :

const companyName = "ANY BUSINESS NAME";

function setCopyrightText() {
    $("#ifcCopyright").html("&copy; <a href='https://www.google.com' target='_blank'>" + companyName + "</a>" + new Date().getFullYear());
} 

setCopyrightText();

Codepen

answered Jul 18, 2021 at 15:01

Tushar Shahi

21.6k2 gold badges25 silver badges48 bronze badges

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

Comments

Ariel · Accepted Answer · 2021-07-18 15:03:53Z

1

Please put link to your company site where the # is currently placed.

const companyName = "Peuconomia Int'l Pvt. Ltd.";

function setCopyrightText() {
    $("#ifcCopyright").html("&copy; <a href=\"#\">" + companyName + "</a> " + new Date().getFullYear().toString());
}

setCopyrightText();

answered Jul 18, 2021 at 15:03

Ariel

2,7813 gold badges33 silver badges53 bronze badges

Collectives™ on Stack Overflow

Adding <a> element to an existing Javascript variable for use in .html statement

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related