function mark(){
browser.tabs.executeScript({ file: "content_script.js" });
}

console.log("popup.jscipt");

document.addEventListener('DOMContentLoaded', function(){
    console.log("nochmal");

    const checkbox1 = document.getElementById('toggleSwitch1');
    console.log(checkbox1);
    chrome.storage.sync.get(['checkboxState1'], function(result){

        if(result.checkboxState1 !== undefined){
            checkbox1.checked = result.checkboxState1;
            console.log(checkbox1.checked);
        }
    });

    checkbox1.addEventListener('change', function(){

        chrome.storage.sync.set({ 'checkboxState1': checkbox1.checked}, function() {
            console.log('Checkbox-Zustand gespeichert');
            
            chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
                chrome.tabs.sendMessage(tabs[0].id, { action: "checkboxStatusChanged", isChecked: checkbox1.checked });
            });
        });
    });

    console.log("Hallo!")
    chrome.storage.local.get(['detectedWords'], function(result){
        if(result.detectedWords) {
            console.log("Wörter in storage: ", result.detectedWords);
            document.getElementById("getDetectedWords").textContent = result.detectedWords;
        }

        else{
            console.log("noch keine Wortanzahl vorhanden");
        }
});

// Anzahl der unterstrichenen Wörter angeben:

/*
document.addEventListener('DOMContentLoaded', () => {

    const detectedWords = 'detectedWords';
    chrome.storage.local.get(['detectedWords'], (result) => {
        if (result[detectedWords] !== undefined) {
            console.log("Wert schon da", result[detectedWords]);
        }
        else{
            console.log("Wert noch nicht da");
        }
    });

    chrome.storage.onChanged.addListener((changes, namespace) => {
        if (namespace === 'local' && changes[detectedWords]) {
            const newValue = changes[detectedWords].newValue;
            const oldValue = changes[detectedWords].oldValue;

            if (newValue !== undefined) {
                console.log("Wert wurde geändert!");
                executeFunctionWithStorageValue(newValue);
            }
        }
    });

    function executeFunctionWithStorageValue(data) {
        const displayDiv = document.getElementById('getDetectedWords');
        if (displayDiv) {
            einfügen = chrome.storage.local.get(['detectedWords'])
            displayDiv.textContent = einfügen;
        }
    }  */
});