如何向此js数组添加更多元素？

Question

在我添加了下面的代码之后，这些数组将不再接受任何元素。我不知道该for循环是否有问题或什么问题。我尝试使用.push方法，但从未成功。可能在这里错了吗？

let inf = ["love", "clean", "choose"];
let ger = ["like", "have", "smile"];
$('button').click(function() {
    let verb = document.getElementById("text1").value;
    for (let i = 0; i < inf.length; i++) {
        for (let i = 0; i < ger.length; i++)
            if (verb === inf[i]) {
                $('.show-result').text("this verb should be followed by an infinitive");
                $('.show-result').addClass('text1');
                $('.show-result').toggle();
            }
            else if (verb === ger[i]) {
                $('.show-result').text("this verb should be followed by a gerund");
                $('.show-result').addClass('text1');
                $('.show-result').toggle();
            }
    }
});