Problem z kodem JS

Question

Mam problem z systemem news-ów który wymysliłem niedawno. Otóż mam nastepujący kod JS.

<script>
	function Ustawienie()
	{
	var liczba = 2;
		
	var Ustaw = "<div class=\"propozycja1\" style=\"background-image:url(" + liczba ".jpg);\"></div>";
	document.getElementById("propozycje").innerHTML = Ustaw;
	}
</script>

Chciałbym żeby JS ustalał obrazek tła jako na podstawie zmiennej liczba. NIestety gdy odpalam strone w przeglądarce, widzę biały ekran. Proszę o pomoc.

 

PS:

Docelowo system newsów ma wyglądać tak:

Oczywiście zamiast kolorowych kkwadratów będą linki do artykułów

Answer 1

var Ustaw = "<div class=\"propozycja1\" style=\"background-image:url(" + liczba ".jpg);\"></div>";

-> url(" + liczba ".jpg)

za zmienną liczba również powinien być znak +

Comments

Dzieki, działa.

---

Czy od zminnej liczba mogę odjąć 1, w ten sposób?

var Ustaw = "<div class=\"propozycja1\" style=\"background-image:url(" + liczba-1 + ".jpg);\"></div>";

 

---

(liczba-1)

tak będzie poprawnie,

najlepiej będziej użyć template strings:

var Ustaw = `<div class="propozycja1" style="background-image:url(${liczba - 1}.jpg);"></div>`;