jsDomDrill

<!DOCTYPE html>
<html lang="en" id="html">

<head>
    <meta charset="UTF-8">
    <title>DOM_практика_Формы</title>

</head>

<body>

    <div id="block">

    </div>

    <script>
        'use strict'

        let div = document.querySelector("div");
        let ul = document.createElement('ul');
        //let li = document.createElement('li');
        //let liCopy1 = li.cloneNode();
        //let liCopy2 = li.cloneNode();
        //let liCopy3 = li.cloneNode();
        //let liCopy4 = li.cloneNode();
        //let liCopy5 = li.cloneNode();
        //let liCopy6 = li.cloneNode();
        //let liCopy7 = li.cloneNode();
        //let liCopy8 = li.cloneNode();
        //let arrLi = [liCopy1, liCopy2, liCopy3, liCopy4, liCopy5, liCopy6, liCopy7, liCopy8];
        let books = ["«Властелин колец» — Джон Р.Р.Толкин",
            "«Гордость и предубеждение» — Джейн Остин",
            "«Тёмные начала» — Филип Пулман",
            "«Автостопом по галактике» — Дуглас Адамс",
            "«Гарри Поттер и Кубок огня» — Джоан Роулинг",
            "«Убить пересмешника» — Харпер Ли",
            "«Винни Пух» — Алан Александр Милн",
            "«1984» — Джордж Оруэлл"];
        //for (let i = 0; i < arrLi.length; i++) {
        //    arrLi[i].textContent = arr[i];
        //}

        //console.log(arrLi)
        //div.prepend(ul);
        //let ulNodes = [];

        for (let bookName of books) {
            let it = document.createElement('li');
            it.textContent = bookName;
            //ulNodes.push(it);
            ul.append(it);
        }

        //console.log(ulNodes);

        //ul.append(...ulNodes);
        div.append(ul);

    </script>
</body>

</html>