Как вставить переменную JavaScript внутри URL?

Question

Как вставить переменную, x, внутри ссылки, я пытался использовать ",", но у меня ничего не получилось:

function ChangeBackgroundImage(){
    var x = document.getElementById("backgroundimage").value;
    document.getElementById(clickedDivId).style.backgroundImage = "url(' + x + ')";
}

Answer 1

Вам необходимо изменить использование котировок:

function ChangeBackgroundImage(){
    var x = document.getElementById("backgroundimage").value;
    document.getElementById(clickedDivId).style.backgroundImage = "url('" + x + "')";
}

Answer 2

Другим популярным подходом к этой проблеме является использование литерала шаблона .

function ChangeBackgroundImage(){
    var x = document.getElementById("backgroundimage").value;
    document.getElementById(clickedDivId).style.backgroundImage = `url('${x}')`;
}

Литерал шаблона позволяет вставлять выражения JavaScript в фигурные скобки с префиксом знака доллара. Все, что находится вне фигурных скобок, интерпретируется как литерал строка.