Генерация URL в неупорядоченном списке в JavaScript

Question

У меня есть неупорядоченный список, который работает, и он выглядит следующим образом. но мне нужно, чтобы это приводило к ссылкам вместо обычного текста.

рабочий список:

    var navLinks = [
        "Eggs",
        "Milk",
        "Juice",
        "Diapers",
        "Bread"
    ];

    var ul = document.createElement("ul");

    for (var i = 0; i < navLinks.length; i++) {
        ul.innerHTML = ul.innerHTML + "<li>" + navLinks[i] + "</li>";
    }

    document.body.appendChild(ul);

спасибо.

Answer 1

Заменить:

ul.innerHTML = ul.innerHTML + "<li>" + navLinks[i] + "</li>";

На:

ul.innerHTML = ul.innerHTML + "<li><a href='#'>" + navLinks[i] + "</a></li>";

Вам необходимо решить, какое значение вы хотели бы иметь для свойства href этих ссылок.

Answer 2

Спасибо, Сарфраз и Никола Пелучетти.окончательный код:

var navLinks = [
    "Eggs",
    "Milk",
    "Juice",
    "Diapers",
    "Bread"
];

var ul = document.createElement("ul");
var e = ".htm";
for (var i = 0; i < navLinks.length; i++) {
    ul.innerHTML += "<li><a href='" + navLinks[i] + "" + e + "'>" + navLinks[i] + "</a></li>";
}

document.body.appendChild(ul)

Answer 3

Вы имеете в виду что-то вроде

 var navLinks = [
        "Eggs",
        "Milk",
        "Juice",
        "Diapers",
        "Bread"
    ];

    var ul = document.createElement("ul");

    for (var i = 0; i < navLinks.length; i++) {
        ul.innerHTML = ul.innerHTML + "<li><a>" + navLinks[i] + "</a></li>";
    }

    document.body.appendChild(ul)

Конечно, вы должны добавить свойство href к ссылке, чтобы оно куда-то привело