오늘도 기록it

object create iterate Property & Method

버튼 하나를 만들어서 배경이 흰색이면 night로 생긴 버튼을 만들고 배경이 검은색이면 day로 바꿀 수 있는 버튼이 생기게 만들어 보겠습니다.

night 버튼을 누르면 배경이 검은색으로 변하고 글씨는 흰색 day버튼을 누르면 그 반대가 되도록 body 부분에 style을 javascript를 이용하여 변화시킨다. 버튼을 먼저 만들고 onclick=" document.querySelector('body').style.backgroundColor = 'black'; 버튼을 누르면 이벤트가 발생하게 되는 코드를 추가해 주는데 document.querySelector('body')는 모든 태그 중에서 body 태그를 선택하는 선택자 입니다. 그 body 태그의 스타일에서 배경색을 검정으로 바꿔주게 됩니다. 이렇게 간단하게 다크모드를 만들 수 있습니다.

버튼을 생성하고 버튼안에 hi라는 글씨를 넣고 그 버튼을 클릭하면 hi라고 적힌 경고창이 실행된다. 텍스트 상자를 만들고 변화가 생기면 changed라는 경고창을 실행합니다. 텍스트 상자를 만들고 키를 입력하면 key down 이라는 경고창을 입력합니다.