To-Do List (PyScript)
from js import document, console
def add_task(event):
task_text = document.getElementById("taskInput").value.strip()
if not task_text:
return
task_list = document.getElementById("taskList")
li = document.createElement("li")
task_span = document.createElement("span")
task_span.innerText = task_text
complete_btn = document.createElement("button")
complete_btn.innerText = "✔"
complete_btn.onclick = lambda e: task_span.classList.toggle("completed")
delete_btn = document.createElement("button")
delete_btn.innerText = "❌"
delete_btn.onclick = lambda e: task_list.removeChild(li)
li.appendChild(task_span)
li.appendChild(complete_btn)
li.appendChild(delete_btn)
task_list.appendChild(li)
document.getElementById("taskInput").value = ""