Расширение для Chrome не регистрирует функцию

Для расширения. я использую вот такой код:
script:

let name = document.querySelectorAll('.title-h4'); // Название услуги
let price = document.querySelectorAll('.licensePanelPriceField'); // Цена услуги
let result = document.querySelector('.packageTitle-payment'); // Вывод контента
let knopka = document.querySelector('.packageTitle-payment__column_extra'); // Кнопка
let table = document.createElement('table');
for (let i = 0; i < name.length; i++) {
    if (price[i].textContent.slice(0, -13) > 0) {
        var a = name[i].textContent;
        var b = price[i].textContent.slice(0, -13);

        var tr = document.createElement('tr');
        var text1 = document.createTextNode(a + " = " + b + " руб.");
        var text2 = document.createTextNode(b);
        tr.appendChild(text1);
        table.appendChild(tr)
    }
};

result.insertAdjacentHTML('beforeend', '<div id="block_id" class="showpack" style="display: none;"></div>');

function showHide() {
    if (document.getElementById('block_id')) {
        var obj = document.getElementById('block_id');
        if (obj.style.display != "block") {
            obj.style.display = "block";
        } else obj.style.display = "none"
    }
};

knopka.insertAdjacentHTML('beforeend', `<a href="javascript:void(0)" onclick="showHide()">Подробнее</a>`);
let show = document.querySelector('.showpack');
show.appendChild(table);

manifest:

{
  "name": "name",
  "manifest_version":3,
  "description": "name",
  "version": "1.0",
  "content_scripts":[
    {
      "matches": ["<all_urls>"],
      "js":["script.js"]
    }
  ]
}

Понимаю, что у функции нет доступа к DOM. Нагуглил разные варианты, но т.к js учу с недавних пор, не понимаю, что нужно сделать именно в моём коде(help