30 lines
696 B
HTML
30 lines
696 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Todo App</title>
|
|
<style>
|
|
body {font-family:Arial,Helvetica,sans-serif; max-width:600px; margin:auto; padding:2rem;}
|
|
ul {list-style:none; padding:0;}
|
|
li {margin:0.5rem 0;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Todo</h1>
|
|
<input id="newTask" placeholder="New task" />
|
|
<button onclick="addTask()">Add</button>
|
|
<ul id="list"></ul>
|
|
<script>
|
|
function addTask(){
|
|
const input=document.getElementById('newTask');
|
|
if(!input.value) return;
|
|
const li=document.createElement('li');
|
|
li.textContent=input.value;
|
|
li.onclick=()=>li.remove();
|
|
document.getElementById('list').appendChild(li);
|
|
input.value='';
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|