JavaScript todoList

김정훈·2024년 7월 16일

JavaScript

목록 보기
18/19
<!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);
    });
});
profile
안녕하세요!

0개의 댓글