Javascript 问题：未在 HTMLInputElement.oninput 处定义 thisRate

Question

我试图设计一个非常简单的计算器来根据投资金额计算比率。错误信息是：

thisRate is not defined at 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; 
    }

Javascript 问题：未在 HTMLInputElement.oninput 处定义 thisRate

Javascript problems: thisRate is not defined at HTMLInputElement.oninput

html

javascript

browser

validation

undefined