1
Привет У меня есть проект для начала для html
javasicript
, но я что-то пробовал. Я хочу добавить кнопку удаления списка, но я не знаю, как добавить кнопку удаления для каждой строки?Как добавить кнопку удаления в список?
<!DOCTYPE html>
<html lang="en">
<body>
<header><h1></h1></header>
<section>
<form action="#" method="post">
<div>
<label for="newitem">Add item</label>
<input type="text" name="newitem" id="newitem"
placeholder="new item" />
<input type="submit" value="Add" />
</div>
</form>
<ul id="todolist"></ul>
</section>
<script>
(function(){
var todo = document.querySelector('#todolist'),
form = document.querySelector('form'),
field = document.querySelector('#newitem');
form.addEventListener('submit', function(ev) {
var text = field.value;
if (text !== '') {
todo.innerHTML += '<li>' + text + '</li>';
field.value = '';
//field.focus();
}
ev.preventDefault();
}, false);
})();
</script>
</body>
</html>
спасибо за помощь –