<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="todo.js"></script>
</head>
<body>
<form name="frmRegist" method="post">
<input type="text" name="todo">
<button type="submit">등록하기</button>
</form>
<ul id="schedules">
</ul>
</body>
</html>
window.addEventListener("DOMContentLoaded", function(){
frmRegist.addEventListener("submit", function(e){
e.preventDefault();
const todo = this.todo.value.trim();
const liEl = document.createElement("li");
liEl.appendChild(document.createTextNode(todo));
const schedulesEl = document.getElementById("schedules");
schedulesEl.appendChild(liEl);
});
});