ойpopup.js

let $token1= $('#token1').val(); 
let $token2= $('#token2').val();
let $token3= $('#token3').val();

if(true){
chrome.runtime.sendMessage(
    { token: ['tokens', $token1, $token2, $token3]},
    myFunction());
}

А вот иbackground.js

chrome.runtime.onMessage.addListener(function(message, sender, sendResponse){ 
if(message.token[0] == "tokens"){
    let $token1 = message.token[1];
    let $token2 = message.token[2];
    let $token3 = message.token[3];
    chrome.tabs.executeScript({file: "file.js"}, myFunction());
}

когда я помещаю значение в качестве атрибута в HTML, как это<input type="text" id="token1" value="token1"> это работает правильно,

но когда я удаляю атрибут значения<input type="text" id="token1"> значение пусто

Мне не нужно использовать хранилище в это время