将 html 中的用户输入保存到 chrome 扩展中的 javascript

如何解决将 html 中的用户输入保存到 chrome 扩展中的 javascript

我正在开发 chrome 扩展，我需要将用户输入存储在 .js 文件中的变量中 我试过了，但它只在我在浏览器上正常打开文件时才有效，而在 chrome 扩展程序的弹出窗口中打开时无效

Javascript 文件

function getData() {
var item_size = document.getElementById('size').value
var item_color = document.getElementById('color').value
document.getElementById('size').value = ""
document.getElementById('color').value = ""
console.log(item_size)
console.log(item_color)

}

html 文件

    <label for="size">Enter size:</label>
    <input type="text" id="size" ><br>
    <label for="color">Enter color:</label>
    <input type="text" id="color"><br>
    <input type="button" onclick="getData()" value="Submit">

我怎样才能让它在 chrome 扩展上工作？