<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`
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.