put link into href using javascript variable html

Question

I have this:

<script>
    function myFunction() {
    
    //put the url of the girl into the quotes of imgUrl
    var imgUrl = "https://www.linkpicture.com/q/IMG_4902."
    
    //put the name of the model into the quotes of modelName
    var modelName = "modelName"
    
    //put the link to their instagram into the quotes of instagram
    var instagram = "https://www.instagram.com/gianluca/"
    
    
    document.getElementById("myText").innerHTML = modelName;
    document.getElementById("myImg").src = imgUrl;
    document.getElementById("instagram").innerHTML = instagram;
    }
    </script>
<body onload="myFunction()">
            <img src="" id="myImg" alt="">
            <h2 id="myText"></h2>
            <ul>
                <li><a href="" id="instagram"><i class="fab fa-instagram"></i></a></li>

I am trying to use the variable instagram, and put it into the href, but I cannot figure out how to do it. How is this possible?

@YohanMalshika yes, exactly. So I can click the element and it'll take me to instagram. — Gianluca
– Gianluca, Commented Jun 16, 2021 at 1:56
Did you try this one, document.getElementById("instagram").href = Instagram; ?? — Yohan Malshika
– Yohan Malshika, Commented Jun 16, 2021 at 1:59

Tunjay · Accepted Answer · 2021-06-16 02:00:30Z

2

Add this to the end of your code in the script

document.getElementById("instagram").href = instagram

answered Jun 16, 2021 at 2:00

Tunjay

1104 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

put link into href using javascript variable html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related