如何在 chrome 扩展中保存值？

如何解决如何在 chrome 扩展中保存值？

我想知道如何在 chrome 扩展中保存用户提供的输入。我已经看到了同一问题的其他答案，但我知道为什么但我不能这样做，所以请不要用 chrome storage api 链接回答，如果你能用适合我的代码的 chrome storage 链接回复，谢谢。这是html：

     <input type="text" id="html_whook" class="input_whook" placeholder="Webhook">
     <script src="./storage.js"></script>```


this is the js code,i was trying to do it:



window.onload = function() {
    function saveChanges () {
        let valore = document.getElementById('html_whook').value;

        chrome.storage.sync.set({'html_whook': valore},function() {
            alert(valore);
        });
        
    };
}

解决方法

我有点修复了我的代码，现在看起来像这样，我也更改了 html，控制台上也没有任何错误，但它仍然不起作用

        let valore = document.getElementById('discord_id').value;

        chrome.storage.sync.set({'discord_id': valore},function() {
            alert(valore);
        });
        
    };


html:    ```    <img src="LOGOVERO.png" class="image" alt="logo">
        <h1 class="testo">Enter your key:</h1>
        <p><input type="text" class="rounded-input" id="key" placeholder="XXXX-XXXX-XXXX-XXXX"></input></p>
        <h1 class="testo2">Enter your Discord ID:</h1>
        <p><input type="text" class="rounded-input2" id="discord_id" placeholder="Example#0001"></input></p>
    </style>
        <p><a><button class="btn" id="save">AUTHENTICATE</a></p>

    </body> This is just a part of the html```