Εργασία με checkboxes στο JavaScript

Τώρα θα μάθουμε να δουλεύουμε με checkboxes. Ένα checkbox αντιπροσωπεύει ένα ειδικό κουτάκι επιλογής, που μπορεί να βρίσκεται σε δύο καταστάσεις: επιλεγμένο και μη.

Ένα checkbox δημιουργείται ως εξής:

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

Για να κάνετε ένα checkbox επιλεγμένο - πρέπει να του γράψετε την ιδιότητα checked:

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

Ας δούμε για παράδειγμα την κατάσταση του checkbox μας:

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

Δίνεται ένα checkbox και δύο κουμπιά. Πατώντας το πρώτο κουμπί, θέστε το checkbox σε επιλεγμένη κατάσταση, και πατώντας το δεύτερο - σε μη επιλεγμένη.

Δίνεται ένα checkbox, ένα κουμπί και μια παράγραφος. Πατώντας το κουμπί, εάν το checkbox είναι επιλεγμένο, εμφανίστε στην παράγραφο τη λέξη 'γεια', ενώ εάν το checkbox δεν είναι επιλεγμένο, τότε τη λέξη 'αντίο'.