Код JavaScript не совместим с краем

Question

У меня небольшой код JavaScript, он работает на Chrome, но он не совместим на краю.Что я могу изменить, чтобы сделать его совместимым?

     var radioBtns = document.querySelectorAll('input[type=radio]')

    for (let i = 0; i < radioBtns.length; i++) {
        radioBtns[i].addEventListener('input', function () {
            document.querySelector('#estimate').innerHTML = `Total Due = $${this.value}`
        })
    }

Answer 1

Измените input на click, тогда код будет работать в Edge.

var radioBtns = document.querySelectorAll('input[type=radio]')

for (let i = 0; i < radioBtns.length; i++) {
    radioBtns[i].addEventListener('click', function () {
        document.querySelector('#estimate').innerHTML = `Total Due = $${this.value}`
    })
}

<input type="radio" name="quantity" value="100" /><text>100</text>
<input type="radio" name="quantity" value="200" /><text>200</text>
<div id='estimate'></div>