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 에다 입력받은 값 추가
'JavaScript 시리즈☕ > 중급자 시리즈_개념 정리' 카테고리의 다른 글
JS 기초 개념 (window객체,dom,dom트리,요소노드...) (0) | 2021.08.30 |
---|---|
001 (태그 선택 , 이벤트 , 유사 배열) (2) | 2021.08.23 |
002 ( window 객체 , (0) | 2021.08.23 |