Можно ли передать строковую переменную в тег <a href> для ссылки на веб-сайт?

Question

Я немного новичок в веб-разработке, поэтому я стараюсь учиться по пути. У меня есть div, который составляет 500 x 500. Внутри этого div у меня есть два div, каждый из которых 250x500. Таким образом, мой внешний div заполнен двумя внутренними div.

У меня настроено так, что когда я нажимаю на первый div (левый), вызывается java-скрипт, и во всплывающем окне с запросом запрашивается URL-адрес веб-сайта, который затем сохраняется внутри строковой переменной.

Как я могу сделать так, чтобы второй div (правый) брал строковую переменную из поля предупреждений из левого div и помещал ее в тег href, чтобы я мог ссылаться на сайт из правого div

Может ли тег href принять значение из переменной для своей ссылки? Может быть, я все делаю неправильно, есть ли лучший способ, которым я должен подходить к этому? Любая помощь приветствуется !!

Answer 1

Есть метод создания DOM:

// Create an element
var aEl = document.createElement("a");

// Ask the user for the URL
aEl.href = prompt("Please enter the website URL");

// Determine whether to use innerText or textContent
if ("innerText" in aEl)
    aEl.innerText = aEl.href;
else
    aEl.textContent = aEl.href;

// Add the link to the right div
document.getElementById("rightDiv").appendChild(a);

Или метод прямого HTMLHTML:

var url = prompt("Please enter the website URL");
document.getElementById('rightDiv').innerHTML = '<a href="'+url+'">'+url+'</a>';

Answer 2

Вы можете использовать:

document.getElementById('yourlink').href = 'entered link';

Я не проверял, но я считаю, что это должно работать.