Flexbox and CSS functions, interactive form with JavaScript

Hey everyone!

Switching gears from layouts to do some builds with JavaScript.

I came across a bug in Firefox where the checked input persisted after refresh. No issues on any other browser I tested, just FF. Changing the autocomplete attribute on the form element solved it. Works for this specific build with the type of inputs I used, but I'd probably apply directly to the specific inputs instead of parent form if I had any text input to avoid messing up accessibility. For anyone who may have seen this bug, is changing the autocomplete attribute the best solution? Or is there a better way to resolve it?

As always, any general thoughts or suggestions welcome. And any feedback on my JS to make sure I'm following best practices would be much appreciated.

Thanks!