# Working with checkboxes in JavaScript

Now we will learn how to work with checkboxes. The checkbox can be in two states: checked and unchecked.

The checkbox is created like this:

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

To make a checkbox checked, you need to write the attribute `checked`:

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

For example, let's find out the state of our checkbox:

`let elem = document.querySelector('#elem'); console.log(elem.checked);`

Given a checkbox and two buttons. By clicking on the first button, set the checkbox to the checked state, and by clicking on the second - to the unchecked state.

Given a checkbox, a button and a paragraph. On clicking the button, if the checkbox is checked, output the word `'hello'` into the paragraph, and if the checkbox is not checked, then the word `'bye'`.

←→
↑
en ru