<div>
<label for="number">Enter a number</label>
<input type="number" name="number" id="number" />
</div>
<p id="result"></p>
const input = document.querySelector("#number");
const resultElm = document.querySelector("#result");
input.addEventListener('keyup', function (e) {
resultElm.textContent = `${input.value} percent of people love JavaScript`
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.