EEl
Создайте main. py. Теперь добавьте eel:
pip install eel
Вот main. py:
import eel
eel.init('web')
eel.start('to-do-list.html')
А теперь создайте html.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Мой список дел</title>
</head>
<body>
<h1>Мой список дел</h1>
<!-- Форма для добавления нового элемента списка -->
<form>
<input type="text" id="newItem">
<button type="button" onclick="addItem()">Добавить</button>
</form>
<!-- Список дел -->
<ul id="list">
<li>Купить продукты<button onclick="removeItem(this)">Удалить</button></li>
<li>Помыть посуду<button onclick="removeItem(this)">Удалить</button></li>
<li>Погладить белье<button onclick="removeItem(this)">Удалить</button></li>
</ul>
<!-- Скрипт для добавления новых элементов в список и удаления существующих элементов -->
<script>
function addItem() {
// Получаем значение нового элемента из формы
var newItem = document.getElementById("newItem").value;
// Создаем новый элемент списка
var li = document.createElement("li");
var text = document.createTextNode(newItem);
li.appendChild(text);
// Добавляем новый элемент в список
document.getElementById("list").appendChild(li);
// Очищаем поле ввода
document.getElementById("newItem").value = "";
// Добавляем кнопку для удаления нового элемента
var removeButton = document.createElement("button");
removeButton.innerHTML = "Удалить";
removeButton.onclick = function() {
removeItem(this);
};
li.appendChild(removeButton);
}
function removeItem(item) {
// Находим родительский элемент (li) для кнопки удаления
var li = item.parentNode;
// Удаляем этот элемент из списка
li.parentNode.removeChild(li);
}
</script>
</body>
</html>
Все. У вас есть to-do-list приложение.
*Если есть претензий пожалуйста покажите исправленый код.
Комментарий недоступен
Здесь используется EEL и идея в том чтобы покозать как работают web-приложение.