У меня есть 4 "тарифа" c input типом radio (у первого input стоит checked). Мне нужно, чтобы при смене checked на другой input переменная принимала value чекнутого инпута. У меня при загрузке страницы в консоль уходит value чекнутого первого инпута, но при клике на другой input значение нового чекнутого инпута в консоль не выводится.
<div class="checkbox-wrapper__tarifs">
<label id="pr190">
.calc-tarif
//Инф-ция
<input id="val190" type="radio" class="modern-radio" value="190" name="calc-radio" checked>
</label>
<label>
.calc-tarif
<input type="radio" class="modern-radio" value="450" name="calc-radio">
</label>
</div>
<script>
const fruits = document.querySelectorAll('input[name="calc-radio"]')
for (const f of fruits) {
if (f.checked) {
console.log(f.value)
}
}
</script>