JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="Numbers">Short Numbers</input>
<input type="checkbox" id="Tips">Show Tips</input>
<br />
<br />
<button type="button" onClick="save()">Save</button>
<button type="button" onClick="load()">Load</button>

JavaScript

function save() {
        localStorage.setItem("numbers", document.getElementById("Numbers").checked);
        localStorage.setItem("tips", document.getElementById("Tips").checked);
    }

    function load() {
        document.getElementById("Numbers").checked = localStorage.numbers;
        document.getElementById("Tips").checked = localStorage.tips;

        console.log("numbers storage: " + localStorage.numbers);
        console.log("numbers box: " + document.getElementById("Numbers").checked);
        console.log("tips storage: " + localStorage.tips);
        console.log("tips box: " + document.getElementById("Tips").checked);
    }