Qhmit
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>My Example</title> <form onsubmit="return false" oninput="amount.value = (principal.valueAsNumber * rate.valueAsNumber) / 100"> <fieldset> <legend style="font-weight:bold;">Interest Calculator</legend> <label for="principal">Amount to invest: $</label> <input type="number" min="0" id="principal" name="principal" value="1000"> <p><label for="rate">Interest Rate: </label> <input type="range" min="0" max="20" id="rate" name="rate" value="0" oninput="thisRate.value = rate.value"> <output name="thisRate" for="rate">0</output><span>%</span></p> <p>Interest Received: <strong>$<output name="amount" for="principal rate">0</output></strong></p> </fieldset> </form>
Preview