Я создал приложение Todo, которое получает входные данные из текстового поля и добавляет его в список под ним, а при создании этого задания также добавляются кнопка удаления, флажок и отметка времени. Теперь я пытаюсь написать код, который, когда я проверяю флажок, вычеркивает текст в следующем и помечает его как завершенный. Ниже приведены коды HTML и JavaScript.
HTML Код
<!doctype html>
<html lang="en">
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Todo App</h1>
<input type="text"> <button>Add</button>
<p>Todo List</p>
<ol>
</ol>
<script src="script.js" type="text/javascript"></script>
</body>
</html>
JavaScript Код
var input = document.querySelector("input");
var button = document.querySelector("button");
var ol = document.querySelector("ol");
var date = new Date();
button.addEventListener("click", function() {
var checkbox = document.createElement("input");
checkbox.type = "checkbox";
var li = document.createElement("li");
var label = document.createTextNode(input.value);
var text = document.createTextNode("Delete");
var click = document.createElement("button");
var dat = document.createTextNode(date);
click.appendChild(text)
li.appendChild(label);
li.appendChild(checkbox);
li.appendChild(click);
li.appendChild(dat);
ol.appendChild(li);
input.value = "";
});
Пожалуйста, как мне это сделать, спасибо?