Including a variable into an url string in javascript

Question

I'm wondering how to insert the imageId number into the url string, I got confused when there's a string inside a string.

const imageId = 13935764;

switchBackground.onclick = function(){
  setbg.style.backgroundImage = "url('https://images.pexels.com/photos/'+imageId+'pexels-photo-13366951.jpeg?cs=srgb&dl=pexels-kwnos-iv-13366951.jpg&fm=jpg')";
}

You'll need to fix your quotes: "url('…"+imageId+"…')" — Bergi
– Bergi, Commented Oct 24, 2022 at 0:43
Better yet, use a template string `url('https://images.pexels.com/photos/${imageId}pexels-photo-13366951.jpeg?cs=srgb&dl=pexels-kwnos-iv-13366951.jpg&fm=jpg')` — Nick
– Nick, Commented Oct 24, 2022 at 0:45

user2182349 · Accepted Answer · 2022-10-24 00:44:48Z

2

You can use template literals (backticks)

switchBackground.onclick = function(){
  setbg.style.backgroundImage = `url('https://images.pexels.com/photos/${imageId}pexels-photo-13366951.jpeg?cs=srgb&dl=pexels-kwnos-iv-13366951.jpg&fm=jpg')`;
}

The issue is that the double-quotes is treating the entire string as a literal and not adding in the imageId.

answered Oct 24, 2022 at 0:44

user2182349

9,8323 gold badges31 silver badges44 bronze badges

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

Collectives™ on Stack Overflow

Including a variable into an url string in javascript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related