JS

** HTML요소를 찾아 변수에 저장

const els = documnet.querySelectorAll('CSS선택자')
const el = document.querySelector('CSS선택자')


** HTML요소에 CSS지정 (CSS속성은 낙타표기법으로 작성)
const el = document.querySelector('CSS선택자')
el.style.backgroundColor = 'red'

//el.style.CSS속성 = '값'



**  HTML요소의 내용으로 문자를 추가(문자는 HTML코드로 해석)
const el = document.querySelector('CSS선택자')
el.innerHTML = '<span>Hello~</span>'
// el.innerHTML = 'HTML 코드'


** HTML요소를 '클릭'하면 함수를 실행
const el = document.querySelector('CSS선택자')
el.addEventListener('click', function(){
	console.log('클릭했어요!')
})
// e.addEventListener('click', 함수)    익명함수


**찾은 HTML 요소의 개수만큼 함수를 실행
const els = document.querySelectorAll('CSS선택자')
els.forEach(function(el, index){
	console.log(index, el)
})
// els.forEach(함수)