Programming Language/Javascript

자바스트립트) 체크리스트 만들기2

register.html 리스트 추가 예제 추가 register.js function newRegister() { var newP = document.createElement("p"); var userName = document.querySelector("#userName"); var newText = document.createTextNode(userName.value); newP.appendChild(newText); // X 추가하기 var delBtn = document.createElement("span"); var delText = document.createTextNode("X"); delBtn.setAttribute("class", "del"); delBtn.appendChild(delTe..

자바스크립트) 체크리스트 만들기

checklist.html 체크리스트 추가 checklist.js var itemList = []; var addBtn = document.querySelector('#add'); // #add인 요소를 가져와 addBtn으로 저장 addBtn.addEventListener('click', addList); // addBtn을 클릭하면 addList 함수 실행 function addList() { var item = document.querySelector('#item').value; if(item != null) { itemList.push(item); document.querySelector('#item').value = ''; // id = 'item'인 요소 값을 지움 document.queryS..