본문 바로가기
JavaScript 시리즈☕/중급자 시리즈_개념 정리

아주 간단한 to-do-list 만들기 문제

by @ENFJ 2021. 8. 25.

출력결과

JS 

const toDoList = document.querySelector('#to-do-list'); //to-do-list 아이디를 가진 html 태그선택해서 toDoList 변수에 저장

function addNewTodo(text) {
 const li = document.createElement("li");
// 여기에 코드를 작성해 주세요.
li.textContent= text;
toDoList.append(li)
}

// 테스트 코드
addNewTodo('자바스크립트 공부하기');
addNewTodo('고양이 화장실 청소하기');
addNewTodo('고양이 장난감 쇼핑하기');
1. to-do-list 아이디를 가진 html 태그선택해서 toDoList 변수에 저장
2. 함수 addNewTodo  , text에 파라미터 입력받음 ( 아래 자바스크립트 공부하기 ,,,고양이 화장실 청소하기...)
3  리스트형태로 텍스트에 파라미터 text로 받은 값들을 넘겨줌
4 toDoList 변수(즉 to-do -list 아이디)를 가진 html 에다 입력받은 값 추가