Получить и сохранить значение моего всплывающего окна. html в контенте. js (расширение chrome)

Question

мой всплывающий код:

всплывающее окно. html

<label>Catégoie</label>
<input type="text" name="categorie" id="categorie">

<label>Valider</label>
<input type="submit" name="sauvegarder" value="Sauvegarder" id="sauvegarder">

всплывающее окно. js

$('#sauvegarder').click(function() {
    chrome.tabs.query({active: true}, function(tabs) {
        let variables = {
            txt: $('#categorie').val()
        }
        chrome.tabs.sendMessage(tabs[0].id, variables)
    })
})

Я хочу получить значение моего ввода в переменной для содержимого. js

content. js

chrome.runtime.onMessage.addListener(function(message, sender, sendReponse) {
    var test = message.txt
})

console.log(test) //undefined

I Я не нахожу никакого решения, я открыт ко всем решениям, даже к разным, я не знаю, как go об этом. извини мой Engli sh спасибо