Как сохранить значение флажка в расширении

Пишу своё первое (!) расширение (в html, js и сайтах ни-бум-бум). Возник вопрос: "Как сохранять значение флажка (вкл/выкл)". В интернете ничего не нашёл. Более конкретно: у меня есть расширение (для codeforces), нажатие на него открывает меню настроек. Вот так это выглядит:

меню моего расширения.

Надо чтобы настройки были настройками и могли хотя бы сохранить себя. Вот не знаю как при каждом запуске (и откуда) подгружать эти флажки. Вот код (наверняка неправильный, но, пожалуйста, не злитесь, это мой первый раз + кодю в блокноте (буду рад если подскажите где взять IDE для html)):

<!DOCTYPE html>
<html>
    <head>
        <title>Only OK-verdicts</title>
        <link rel="stylesheet" type="text/css" href="popup.css"/>
    </head>
    <body>
        <p><input type="checkbox" checked>Check parallel divisions</p>
        <p><input type="checkbox">Don't inform about already solved problems</p>
        <p><input type="checkbox">Only OK-verdicts</p>
    </body>
</html>

Спасибо!

P. S. Интересно, а что значит <!DOCTYPE html> в начале документа?


Ответы (0 шт):