Как сделать расширение изменить HTML

Question

В настоящее время я делаю расширение для Chrome.У меня есть файл manifest.json, javascript и html в папке расширений.У меня есть выбор радио-кнопок в HTML.Моя цель состоит в том, чтобы иметь возможность нажать кнопку-переключатель, передать выбор через отдельную кнопку внизу и изменить что-то в отношении веб-сайта, на который я сейчас смотрю (например, цвет).Однако расширение не меняет веб-сайт, оно только меняет HTML-код расширения.Как сделать так, чтобы кнопка, которую я нажимаю на расширении, изменила HTML-код веб-сайта, а не HTML-расширение?

Я уже пытался создать отдельный файл javascript и связать его с моим файлом manifest.json, ноэто не меняется.

 <div id="radioButtons">
        <input type="radio" id="toggleOn" name="drone">On</input>
        <input type="radio" id="toggleOff" name="drone">Off</input>
    </div>
    <button type="button" id="entryButton" onclick="submitClicked()">Submit</button>
    <script src="script.js"></script>

function submitClicked() {
    if (document.getElementById("toggleOn").checked) {
        var paras = document.getElementsByTagName("p");

        var parasArray = Array.from(paras);

        for(var i = 0; i<parasArray.length; i++){
            parasArray[i].style.backgroundColor = "red"; // just an example
        }
        document.location.reload();
    }
    else if (document.getElementById("toggleOff").checked) {

    }
    else{

    }
}