JavaScript에서 체크박스 작업하기

이제 체크박스를 다루는 방법을 배워보겠습니다. 체크박스는 선택(checked)과 비선택(unchecked) 두 가지 상태를 가질 수 있는 특별한 표시입니다.

체크박스는 다음과 같이 생성합니다:

html<input type="checkbox" id="elem">

체크박스를 선택된 상태로 만들려면 checked 속성을 추가해야 합니다:

html<input type="checkbox" checked id="elem">

예를 들어, 우리 체크박스의 상태를 확인해 봅시다:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.checked);
Задание 1

체크박스와 두 개의 버튼이 주어집니다. 첫 번째 버튼을 클릭하면 체크박스를 선택된 상태로 설정하고, 두 번째 버튼을 클릭하면 선택 해제된 상태로 설정하세요.

Задание 2

체크박스, 버튼, 단락이 주어집니다. 버튼을 클릭했을 때, 체크박스가 선택되어 있으면 단락에 '안녕'이라는 단어를 출력하고, 체크박스가 선택되어 있지 않으면 '잘가'라는 단어를 출력하세요.