如何在Chrome扩展程序中保存本地数据

Question

我遇到了Chrome存储问题。
我在manifest.json中正确设置了权限。
我认为我的代码有问题。 （HTML文件也可以。只有输入标签。
有谁可以告诉我这个问题吗？
谢谢〜

chrome.storage.sync.get(function (data) {
    var input = document.querySelector('input');
    if(data.count == 1){
        input.value = data.getData;
    }
});



var addBtn = document.getElementById('addBtn');
addBtn.addEventListener('click', () => {
    var input = document.querySelector('input');
    chrome.tabs.getSelected(null, function(tab){
        input.value = tab.url;
        var getData = input.value;
        chrome.storage.sync.set({
            'getData' : getData,
            'count' : 1
        });
    });
});

如果单击btn，则要获取input = text形式的url数据。
但是，在单击btn之前，输入中已经有URL数据。
我想做的是

1.单击btn，它将url保存为输入形式。
2.如果我以输入形式删除数据，则它会像我一样保留数据。
（我的意思是，如果删除该值，输入表单将保留空数据。）

结论：点击！ 在本地获取数据！
如果您不明白我的问题，请发表评论。