JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myAccountCheckboxHolder" id="showCheckoutHistoryCheckbox">
    <input tabindex="40" checked="checked" id="showCheckoutHistory" name="showCheckoutHistory" type="checkbox" />
    <label for="showCheckoutHistory" class="checkLabel">Show my checkout history</label>
</div>

JavaScript

var checkoutHistory = document.getElementById('showCheckoutHistory');
    checkoutHistory.onchange = function() {
        console.log(checkoutHistory);
        if (checkoutHistory.checked) {
            alert("You have elected to show your checkout history.");
        } else {
            alert("You have elected to turn off checkout history.");
        }
    }