以下はTo doリストのサンプルコードです。セキュリティ上の脆弱性がないように気をつけてください。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>To doリスト</title>
</head>
<body>
<h1>To doリスト</h1>
<form>
<label>
タスク:
<input type="text" id="task-input">
</label>
<button type="button" onclick="addTask()">追加</button>
</form>
<ul id="task-list"></ul>
<script>
function addTask() {
const taskInput = document.getElementById('task-input');
const taskList = document.getElementById('task-list');
if (taskInput.value !== '') {
const newTask = document.createElement('li');
newTask.innerText = taskInput.value;
taskList.appendChild(newTask);
taskInput.value = '';
}
}
</script>
</body>
</html>
```
ジョークとして、To doリストの上に「To doリストを作る」というタスクを追加してみるのも面白いかもしれません。