Chrome扩展程序无法正确保存

Question

我正在使用chrome.storage.sync.set和chrome.storage.sync.get，但是当我尝试在控制台中记录保存的值时，它会返回未定义状态。

function saveValue(){
    var value = document.getElementById("CreatedValue").value;

    console.log(value);

    chrome.storage.sync.set({key : value}, function() {
        if (chrome.runtime.error) {
            console.log("Runtime error.");
        }
        console.log("Value saved as: " + value);
    });
}

function getValue(){
    chrome.storage.local.get(['key'] , function(result) {
        if(!chrome.runtime.error) {     
            console.log(result.key);
        }
    });
}

document.getElementById("CreateValue").addEventListener("click", saveValue);
document.getElementById("GetValue").addEventListener("click", getValue);

很抱歉，如果代码格式很奇怪，我不习惯堆栈溢出。