Добрый день! Хочу добавить по клику элемент li с данными а к нему кнопку после элемента (есть вторая часть задания, чтобы по клику удалить этот элемент). Что не получается, кнопка добавляется только после (до) последнего элемента, не получается добавить ее ко всем li.
Функция тут: https://github.com/Natanagar/addElement/blob/master/js/app.js
Это кусок функции, которая вставляет именно саму кнопку
//create new Button with delete
let addNewButton = function(event){
let arrayBtn=[];
const newBtn = document.createElement('button');
newBtn.innerHTML = "Delete";
newBtn.classList.add("button");
console.log(newBtn);
//return newBtn;
const collectionList = [...document.querySelectorAll('li')];
console.dir(collectionList);
for(let i = 0; i<collectionList.length; i++){
console.log(collectionList[i]);
collectionList[i].insertAdjacentElement("beforeEnd", newBtn);
}
}
Нужно вынести создание кнопки в функцию, которую следует вызывать на каждой итерации цикла, чтобы вставлялась всегда новая кнопка. Сейчас же, кнопка прыгает по всем элементам li и остается в том, который был на последней итерации.
function createDeleteBtn() {
const newBtn = document.createElement('button');
newBtn.innerHTML = "Delete";
newBtn.classList.add("button");
return newBtn;
}
const collectionList = [...document.querySelectorAll('li')];
for (let i = 0; i < collectionList.length; i++) {
collectionList[i].insertAdjacentElement("beforeEnd", createDeleteBtn());
}
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Имеется информация в JSON формате получаемая с https://bittrexcom/api/v1
Есть дата в формате: Tue, 10 Oct 2017 00:00:00 GMTНужно средставми js конвертировать её в формат Tue, 10 Oct 2017, и в формат 2017-10-10(YYYY-MM-DD), как это можно сделать?
Подскажите подробную установку библиотеки polymer для fedora Linux?