Coding Story

IF-ELSE 로 이벤트에 반응하는 로직을 짜는 법 const title=document.querySelector("#title"); const BASE_COLOR="rgb(52, 73, 94)"; const OTHER_COLOR="#7F8C8D"; function handleClick(){ const currentColor=title.style.color; if (currentColor==BASE_COLOR){ title.style.color = OTHER_COLOR; }else{ title.style.color=BASE_COLOR; } } function init(){ title.style.color=BASE_COLOR; title.addEventListener("click", handleClick)..

css와 같이 자바스크립트에서도 element를 선택할 수 있다. javascript 에서 id로 무언가 선택할 때는 document.getElementById 라고 쓴다. 1. id 속성을 가진 요소를 찾아 객체 반환하기 const title = document.getElementById("title"); 2. 내용수정 title.innerHTML = "Hi! From JS" 3.색상변경 title.style.color = "red" 4. 타이틀 변경 document.title = 'I own you now' js로 객체화 하는 것을 통해 각종 html 문서를 감지하고 추가하고 변경하는 등의 것들을 할 수 있다. document.queryselector() queryselector는 노드의 첫번째 자식..

console.log() console.log()를 하면 ()안에 있는 것이 콘솔창에 출력된다. console -> 객체(object) log -> 메서드(method) () 안 -> 매개변수(parameter) 즉, 객체 안에 있는 메서드를 실행시켜 매개변수를 작동시키는 작업이다. console 객체는 다양한 메소드들을 가지고 있다. console.warn() -경고 표시 console.error() -에러 표시 console.dir() -자바스크립트 객체의 속성들을 출력 2557번 - Hello World console.log('Hello World!'); 10718번 - We love kriii console.log('강한친구 대한육군'); console.log('강한친구 대한육군'); 10171번..