How can I push link to an JS array?

Question

I have three links that express three different images. I want to push these links to an array and I can show off my images on the screen. How can I do that

This is my JS code, is that correct ?? Thanks a lot.

let cardsource = [
    "<a href = 'https://bom.to/Qd87vw'> Card 1</a>",
    "<a href = 'https://bom.to/P21flg'>Card 2 </a>",
    "<a href = 'https://bom.to/dFwwNw'>Card 3 </a>",
];
for (var index = 0; index < cardsource.lengh; index++) {
    console.log(cardsource[index]);
}

Normally one would only store URL in the array and generate HTML from them when needed. But what you have here would do too. — vanowm
– vanowm, Commented Oct 1, 2021 at 10:35

Ashwin Chandran · Accepted Answer · 2021-10-01 10:51:57Z

1

Don't push tag inside array, just push the link which directly gives you the image.

let cardsource = ['https://bom.to/Qd87vw', 'https://bom.to/P21flg', 'https://bom.to/dFwwNw'];

cardsource.map((item) => <img src={item}>)

This is just to give you the logical view on what you must do instead what you have done. If you are working with .jsx this code would work.

edited Oct 1, 2021 at 10:51

answered Oct 1, 2021 at 10:42

Ashwin Chandran

3813 silver badges10 bronze badges

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

4 Comments

vanowm Over a year ago

If you give a code example, please make sure it's valid. Your example is not valid Javascript.

Ashwin Chandran Over a year ago

yes, edited my answer accordingly. Thank you

vanowm Over a year ago

There is no jsx in the op tags, it's like giving an example of python when question is about javascript...

Ashwin Chandran Over a year ago

ok, what do you want me to do?

Kirill Savik · Accepted Answer · 2021-10-01 10:38:39Z

0

Please use insertAdjacentHTML function. Reference

let cardsource = [
    "<a href = 'https://bom.to/Qd87vw'> Card 1</a>",
    "<a href = 'https://bom.to/P21flg'>Card 2 </a>",
    "<a href = 'https://bom.to/dFwwNw'>Card 3 </a>",
];
cardsource.map(val => document.body.insertAdjacentHTML('beforeend', val));

answered Oct 1, 2021 at 10:38

Kirill Savik

1,2886 silver badges7 bronze badges

Collectives™ on Stack Overflow

How can I push link to an JS array?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related