@daiki

Как сделать список задач Todo list?

мне нужно что бы при вводе "дела" и нажатия кнопки "добавить", высвечивались списки по порядку которые я добавил.
пример:
1.
2.
3.

<!DOCTYPE html>
<html lang="xzz">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<input type="list" placeholder="Введите" >
	<button>Добавить</button>
	<p></p>
	<script src="js/js.js"></script>
</body>
</html>


const input = document.querySelector("input");
const text = document.querySelector("p").value || 0;
input.addEventListener("input", function(){
document.querySelector('p').innerHTML = "1." + input;
});
  • Вопрос задан
  • 512 просмотров
Решения вопроса 1
noder_ss
@noder_ss
Линуксоид-энтузиаст и SQL разработчик
Если я правильно понял вопрос, тут нужно использовать .append()
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@EvalBanan
Странный код. Тудушки лучше хранить в массиве объектами , отдельной функцией рендерить эти тудушки. Соответственно проводить все операции с массивом и перерисовывать список. Вопрос не очень понятен. Что бы вывести, нужно получить доступ к ноде, куда будут выводиться элементы и в нее апендить.
Const list = document.querySelector(“.list”)
Const myElement = document.createElement(“div”)
List.append(myElement)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы