Javascript проблем: thisRate не определен в HTMLInputElement.oninput

Question

Я попытался разработать очень простой калькулятор для расчета коэффициента на основе суммы инвестирования. Сообщение об ошибке:

thisRate не определено в HTMLInputElement.oninput

Вот мой код:

<!-- <form oninput="amout.value = (principal.valueAsNumber * rate.valueAsNumber) /100 " style = "font-family: Arial, Helvetica, sans-serif;"></form> -->

<fieldset>
    <legend>calculate</legend>

    <label for="principal">amout to invest:$</label>
    <input type="number" min="0" max="2000" id="principal" value="10000">

    <p><label for="rate">interest rate</label></p>
    <input id="rate" type="range" min="0" max="20" value="0" oninput="thisRate.value = rate.value">

    <output name="thisRate" for="rate">0</output><span>%</span>

    <p>
        interest received<strong>$<output name="amount">0</output></strong>
    </p>
</fieldset>

Answer 1

Попробуйте это

var rate = document.getElementById("rate");
rate.oninput = ()=>{
 let value = rate.value; 
}

Или

 var rate = document.getElementById("rate");
    rate.onchange = ()=>{
     let value = rate.value; 
    }