천천히 알아보는 코딩공부

HTML 리스트 만들기 HTML 리스트 태그 : https://daeseok94.tistory.com/12 html 목록 태그 (ul, ol, li) ul, ol, li 목록을 만들 수 있음 : ordered list의 약자로, 숫자나 알파벳 등 순서가 있는 목록을 만드는 데 사용합니다 : unordered list의 약자로, 순서가 필요 없는 목록을 만듭니다 : definition list.. daeseok94.tistory.com todo.js const toDoForm = document.getElementById("todo-form"); const toDoInput = toDoForm.querySelector("input"); const toDoList = document.getElementByI..

hrml 태그 추가하기 const bgImage = document.createElement("img"); bgImage.src = "img/1.jpg" document.body.appendChild(bgImage); html 추가되는 결과 https://www.codingfactory.net/10436 JavaScript / 요소 추가하기 / .createElement(), .createTextNode(), .appendChild() 자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립트 속성은 다음과 같습니다. .createElement() .createTextNode() .appendChild() .createElement()는 요소를 만듭니다. www.cod..

javascript 랜덤으로 배열에있는 문자열 출력 const quotes = [ { quote : "a", author : "daeseok1", }, { quote : "b", author : "daeseok2", } ] const quote = document.querySelector("#quote span:first-child"); const author = document.querySelector("#quote span:last-child"); const todaysQuote = quotes[Math.floor(Math.random() * quotes.length)] quote.innerText = todaysQuote.quote; //quote 위치에 랜덤 quote 출력 author.inner..

setInterval, setTimeout 시간 딜레이 후에 function 실행 function sayHello() { console.log("Hello"); } setInterval(sayHello, 5000); // 5초마다 SayHello 실행(반복) setTimeout(sayHello, 5000); // 5초 지연뒤에 실행(한번) Date const date = new Date(); let hours = date.getHours(); // 시간 let minutes = date.getMinutes(); // 분 let seconds = date.getSeconds(); // 초 date.getDate(); // 일자 date.getMonth(); // 월 date.getFullYear(); //..

input type submit 기본 이벤트를 막는 코드 const loginInput = document.querySelector("#login-form input"); const loginForm = document.getElementById("login-form"); function onLoginSubmit(event) { event.preventDefault(); // 기본 이벤트를 막아줌 const username = loginInput.value; console.log(username); console.dir(event); // event element 볼수 있음. } loginForm.addEventListener("submit", onLoginSubmit); ※ event 안에 consol..

클릭 시 콘솔에 input 입력한 내용 출력 js const loginInput = document.querySelector('.form input'); const loginButton = document.querySelector('.form button'); function ClickButton() { console.log(loginInput.value); } loginButton.addEventListener('click', ClickButton); // querySelector 로 id태그를 쓸때는 # html Log in