以下は、タスクを管理するシンプルなアプリです。
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>タスク管理アプリ</title>
</head>
<body>
<h1>タスク管理アプリ</h1>
<form>
<input type="text" id="taskInput" placeholder="タスクを入力してください">
<button type="button" onclick="addTask()">追加</button>
</form>
<ul id="taskList"></ul>
<script>
let tasks = [];
function addTask() {
const taskInput = document.getElementById("taskInput");
const taskList = document.getElementById("taskList");
if (taskInput.value) {
tasks.push(taskInput.value);
taskInput.value = "";
taskList.innerHTML = "";
for (let i = 0; i < tasks.length; i++) {
const task = tasks[i];
const listItem = document.createElement("li");
listItem.innerText = task;
taskList.appendChild(listItem);
}
}
}
</script>
</body>
</html>
```
このアプリは、入力されたタスクを配列に保存し、リストを表示します。タスクを追加するには、テキストフィールドにタスクを入力し、[追加]ボタンをクリックします。タスクが追加されたら、リストに追加されます。空のタスクを追加しようとした場合は、何も起こりません。
ジョークとしては、タスクを追加する際に、「人生に追加！」というボタンをクリックすると、タスクを追加できるというものが考えられます。ただし、セキュリティに問題があるため、実装はお勧めしません。
