<!DOCTYPE html>
|
<html lang="de">
|
<head>
|
<meta charset="UTF-8">
|
<title>todo</title>
|
<style>
|
button {
|
border: 1px solid black;
|
border-radius: 5px;
|
}
|
|
#list {
|
background-color: lightgoldenrodyellow;
|
}
|
</style>
|
</head>
|
<body>
|
<input><button>add</button>
|
|
<div id="list"></div>
|
|
<script>
|
const input = document.querySelector("input");
|
const button = document.querySelector("button");
|
const list = document.querySelector("#list");
|
|
button.addEventListener("click", (event) => {
|
const div = document.createElement("div");
|
|
div.innerText = input.value;
|
|
list.appendChild(div);
|
|
input.value = "";
|
});
|
</script>
|
</body>
|
</html>
|
