Coding Story

event.preventDefault 보통 이벤트는 root 에서 일어난다. event는 일종의 거품 같은 것이다. 올라가면서 다른 모든것들이 이벤트에 반응하게 된다. form을 제출하는 이벤트가 발생하면 이벤트는 document까지 계속 위로 올라간다. 그 document는 프로그램 되어진대로 다른 곳으로 가고, 페이지는 새로고침 된다. event.preventDefault()는 이런 이벤트의 디폴트 동작을 막는 방법이다. 이경우 엔터를 눌러 submit을 해도 다른곳으로 가지 않는다. local stroage 는 URLs를 기초로 동작한다. 때문에 한 웹사이트가 다른 웹사이트의 local storage에 접근하지 못한다. document.createElement() 무언가를 생성하기를 원할때 사용한다..

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는 노드의 첫번째 자식..