Как получить данные со страницы в расширении

Всем привет. Пытаюсь сделать простое расширение для хрома. Получить данные со страницы и по нажатию кнопки в popup.html вывести сообщение с содержимым страницы. Почему мой код не работает???

ext.js

    window.onload = function() {
       // Берем нужный элемент и получаем его текст
    const el = document.querySelector("#wd-_weather-1 > div > div.weather__header > div > a").innerHTML;
    const elText = el;

    // Отправляем в background
    chrome.runtime.sendMessage({
        text: elText
    });
};

background.js

    chrome.runtime.onMessage.addListener(function (request) {
    alert(request.text);
});
</code>
Так же код popup.js
<code>
    document.querySelector("#submit").onclick = function(){
chrome.runtime.onMessage.addListener(function (request) {
    alert(request.text);
});
}

manifest.json

    {
    "name": "1",
    "description": "1",
    "version": "1.0",
    "manifest_version": 3,
    
    "icons": {
        "16": "/images/16.png",
        "32": "/images/32.png",
        "48": "/images/48.png",
        "128": "/images/128.png"
    },  
    
    "background": {
        "service_worker": "background.js"
    },
    
    "action": {
        "default_popup" : "popup.html",
        "default_icon": {
            "16": "/images/16.png",
            "32": "/images/32.png",
            "48": "/images/48.png",
            "128": "/images/128.png"
        }
    },
    "content_scripts": [{
        "js": ["ext.js", "jquery.min.js"],
        "matches": ["*://yandex.ru/*"]
    }],

    "permissions": [
        "storage", "activeTab", "scripting"
    ]   
}

Уже  много разных способов попробовал, но не  один не работает. Спасибо