Всем привет!
Я с js знаком мало, только в теории и поэтому на практике возникают проблемы.
Хочу создать простую панель со списком
<div class="wrapper">
<ul id="buttons">
<li>up</li>
<li>down</li>
<li>add</li>
<li>edit</li>
<li>remove</li>
</ul>
<ul class="blocks">
<li class='active'>some text</li>
<li>another text</li>
</ul>
</div>
Так вот я хочу написать код для управления этими элементами li
При клике на любом из элементов, ему должен присвоиться класс active
При нажатии на up выбранный элемент перемещается на одну позицию вверх и т.д.
Проблема в том, что на новоиспеченные элементы
document.querySelectorAll('#buttons>li')[2].addEventListener('click', function() {
var newElem = document.createElement('li');
var promptText = prompt('State text', 'Your default message');
newElem.innerHTML = promptText;
})
не работает код для присвоения класса active, который я написал перед функцией
Почему так происходит? С чем связано? Не могу разобраться
