바닐라JS 3

[바닐라 JS] DAY 6

오늘은 6일차 바닐라JS 사실 어제 연말파티하느라 늦게해서 한번에 이틀치 정리했지만, 오늘은 기존까지 했던 내용 문제풀이기 때문에 Not problem~~~~ Q1. JS에서 HTML에서 요소를 얻을 수 있는가? (해석 잘못했었도..ㅎ) YES Q2. JS로 부터 HTML 접근을 가능하게 해주는 요소가 무엇일까요? elements -> document Q3. 어떻게 JS에서 #title을 찾을 수 있을까요 음.. 솔직히 헷갈렸다 #title이라 그래서,,,뭘까,, document.getElementsById("title"); Q4. JS에서 모든 .button을 어떻게 찾을 수 있을까요음.. 모든 버튼 ! document.getElementsById(".button"); Q5. 를 어떻게 찾을 수 있을까..

바닐라JS 2023.01.01

[바닐라JS] DAY 5 if, else,events

Day 5라고 하고 , 1차 고비라고 하죠~~~ Click function을 통해 title 색 변경 실습 const h1 = document.querySelector("div.hello:first-child h1"); function handleTitleClick() { //click 이벤트 발생 + 함수 실행 const currentColor = h1.style.color; //변수 선언 후 h1.style.color 값 복사 (getter) let newColor; //값이 변경될 수 있기에 let으로 변수 선언 if (currentColor === "blue") { //currentColor 현재 값 확인 -> 조건에 따라 newColor에 색 대입 newColor = "tomato"; } els..

카테고리 없음 2022.12.31

[바닐라JS] const and let

# Variable 생성 시에 let, const, var 차이점이 헷갈려서 정리 const - 상수, 생성 후 바꿀 수 없다 ! let - 생성할 때 사용하며, 생성 후에 값을 바꿀 수 있다 ! let myName = "hs"; myName = "hyesu"; 3. var - 어디서 언제든지 변경할 수 있다! (재선언, 재할당 O) 구버전에서는 실수로 값을 업데이트 해도 알아차릴 수 없었던 ,,, 쓰지말자 ! const를 기본적으로 사용하고, 변수를 update를 하고싶을 때 let을 쓴다 !

바닐라JS 2022.12.27