browser-extension/options.js

// Saves options to chrome.storage
const saveOptions = () => {
    const apiUrl = document.getElementById('apiUrl').value;

    chrome.storage.sync.set(
        { widgetdc_api_url: apiUrl },
        () => {
            // Update status to let user know options were saved.
            const status = document.getElementById('status');
            status.textContent = 'Options saved.';
            setTimeout(() => {
                status.textContent = '';
            }, 2000);
        }
    );
};

// Restores select box and checkbox state using the preferences
// stored in chrome.storage.
const restoreOptions = () => {
    chrome.storage.sync.get(
        { widgetdc_api_url: 'http://localhost:3001' },
        (items) => {
            document.getElementById('apiUrl').value = items.widgetdc_api_url;
        }
    );
};

document.addEventListener('DOMContentLoaded', restoreOptions);
document.getElementById('save').addEventListener('click', saveOptions);