<html> <head> <title>Output Tags</title> </head> <body> <!-- Script to update the interest section --> <script> document.addEventListener("DOMContentLoaded", function(event) { var e = document.getElementById("myForm"); e.addEventListener("input", function() { this.thisRate.value = this.rate.value; this.amount.value = (this.principal.valueAsNumber * this.rate.valueAsNumber) / 100; }, false); }); </script> <!-- The actual form --> <form id="form"> <fieldset> <legend>Interest Calculator</legend> <label for="principal">Amount to invest: $</label> <input type="number" min="0" id="principal" name="principal" value="10000"> <p> <label for="rate">Interest Rate: </label> <input type="range" min="0" max="20" id="rate" name="rate" value="0"> <output id="thisRate" name="thisRate" for="range">0</output><span>%</span> </p> <p> Interest Received: <strong>$<output name="amount" for="principal rate">0</output></strong> </p> </fieldset> </form> </body> <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>
Output :
Topic :
Output Tags
