For loop returning value of null from an array. How do I fix this?

tr.firstElementChild.innerHTML = '---';

//Find all radio buttons on the document and store them as an array. I have no other <input> elements besides radio buttons.
const radioInput = document.querySelectorAll('input');

//For loop intended to return the checked radio button. This is what breaks down when it runs into a missing index
const scrollInput = () => {
    for (let i = 0; i < radioInput.length; i++) {
        if (radioInput[i].checked) {
            return radioInput[i];
        };
    };
};

//This triggers the prior function. If no scoring option (radio button) is selected, you receive an alert, otherwise run the scoring function and print the new values to the page
//This event listener should be fine, I believe the problem needs to be handled either in scrollInput() with a conditional statement or in removeRadio() by removing the element from the array
scoreButton.addEventListener('click', function() {
    let element = scrollInput();
    if (!element) {
        alert('Please choose a scoring option.');
    } else {
        score[element.id]();
        printTR(element);
    };
});

//This is option 2, figure out some way to remove radioInput[i] (here, stored as 'element') from the array
const removeRadio = (element, tr) => {
    //if scoring anything besides Yahtzee, or if you threw away your yahtzee score, replace the radio button
        //You can potentially score multiple Yahtzees so that's what this is
    if (element.id !== 'yahtzee' || ((lowerScores.yahtzee === 0) || overwriteYahtzee === true)) {
        tr.firstElementChild.textContent = '---';
        //code to remove element from the array
    };
};

//This is specifically where the code breaks; you can't call parentNode on null.
const printTR = (element) => {
    let tr = element.parentNode.parentNode.parentNode;
    removeRadio(element, tr);
    printOneScore(element, tr);
};