下面是Html代码找到并提供给我的解决方案。
<!DOCTYPE html>
<html>
<head>
<title> Simple Interest Calculator</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form class="form1" id="form1">
<div class="div1">
<h1> Simple Interest Calculator</h1>
</div>
<div>
<span class="frt"><label>Amount</label></span>
<pre class="amt" ><input type="text" id="amt"></pre>
</div>
<table>
<tr>
<td>
<div>
<span class="frt"><label>Interest Rate</label></span>
<pre class="amt1" ><input type="range" id="rng" min="0" max="20"></pre>
</div>
</td>
<td>
<div>
<h3 id="rangedisplay"></h3>
</div>
</td>
</tr>
</table>
<div>
<span class="frt"><label>No. of Years </label></span>
<pre class="amt2"><input type="number" class="year" id="year"></pre>
</div>
<div>
<input type="button" value="Compute Interest" class="frt" id="button">
</div>
<span class="sec" id="output"><h2></h2></span>
</div>
<div>
<summary>
© Everyone Can Get Rich<br>
This Calculator belongs to <span class="sum">Giri</span>
</summary>
</div>
</form>
<script src="web.js"></script>
</body>
</html>
下面的是javascript代码。这里的问题是与innerText，我无法理解发生了什么。
请尽快提供解决方案给我。
我是新手，请帮忙解决这个问题。
let rangeEl=document.querySelector('#rng');
let dis=document.querySelector('#rangedispaly');
rangeEl.addEventListener('input',function() {
let x=rangeEl.value;
dis.innerText=x;
});
let rangeEl=document.querySelector('#rng');
let dis=document.querySelector('#rangedisplay');
rangeEl.addEventListener('input',function() {
let x = rangeEl.value;
dis.innerHTML = x
});<!DOCTYPE html>
<html>
<head>
<title> Simple Interest Calculator</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form class="form1" id="form1">
<div class="div1">
<h1> Simple Interest Calculator</h1>
</div>
<div>
<span class="frt"><label>Amount</label></span>
<pre class="amt" ><input type="text" id="amt"></pre>
</div>
<table>
<tr>
<td>
<div>
<span class="frt"><label>Interest Rate</label></span>
<pre class="amt1" ><input type="range" id="rng" min="0" max="20" step="1"></pre>
</div>
</td>
<td>
<div>
<h3 id="rangedisplay"></h3>
</div>
</td>
</tr>
</table>
<div>
<span class="frt"><label>No. of Years </label></span>
<pre class="amt2"><input type="number" class="year" id="year"></pre>
</div>
<div>
<input type="button" value="Compute Interest" class="frt" id="button">
</div>
<span class="sec" id="output"><h2></h2></span>
</div>
<div>
<summary>
© Everyone Can Get Rich<br>
This Calculator belongs to <span class="sum">Giri</span>
</summary>
</div>
</form>
<script src="web.js"></script>
</body>
</html>