1.6 FE

오답노트

userFailureMessage.classList.remove('hide')
userFailureMessage.classList.add('hide') //append아님
isMoreThan4Length = value => value.length >= 4

• 아이디가 "javascript"이고, 내용이 "awesome"인 a요소를 생성하기

let aElement = document.createElement('a')
aElement.id = 'javascript'
aElement.innerHTML = 'awesome'

let aElement = document.createElement('a')
aElement.setAttribute('id', 'javascript')
aElement.textContent = 'awesome'

• 버튼클릭했을때 안내창 띄우기

function displayAlert() {
  alert('코드스테이츠에 오신 것을 환영합니다')
}
document.querySelector('#apply').onclick = displayAlert

document.querySelector('#apply').addEventListener('click', function(){
   alert("코드스테이츠에 오신 것을 환영합니다")
})

정규표현식

이벤트 객체

이미지나 카드를 클릭, 드래그 하는걸 이벤트라고 한다.
이벤트 핸들러 예시
btnAmericano.onclick = handleClick;
이벤트 객체 : 사용자가 버튼을 클릭하면 그 버튼의 textContent를 이용해 태그사이를 내용을 가져올 수 있다.

 let currentMenu = event.target.textContent; //누른 대상을 변수에 할당