Возникла проблема с элементами li

Не получилось вывести li элементы как показано в ролике. Скорее всего информация устарела. Предлагаю свой вариант для отчаявшихся и надеюсь на то, что дадите конструктивную критику)

let menu = document.getElementsByClassName("menu")[0],
    menuItem = document.querySelectorAll(".menu-item"),
    menuItemLi = document.createElement("li");
    menu.innerHTML="";
    menu.innerHTML = "<li class='"+menuItem[0].className+"'>"+ menuItem[0].innerText+"</li>" +
    "<li class='"+menuItem[0].className+"'>"+ menuItem[2].innerText+"</li>" +
    "<li class='"+menuItem[0].className+"'>"+ menuItem[1].innerText+"</li>" +
    "<li class='"+menuItem[0].className+"'>"+ menuItem[3].innerText+"</li>" +
    "<li class='"+menuItem[0].className+"'> Пятый пункт </li>";

document.body.style.background = 'url(../img/apple_true.jpg)';

document.querySelector("#title").textContent = "Мы продаем только подлинную технику Apple";

a  = prompt("Как Вы относитесь к технике Apple?", "");
document.querySelector("#prompt").innerHTML = "Как Вы относитесь к технике Apple?<br>-" + a;

document.querySelector(".adv").remove();