Show Scroll Distance

HTML

<html>

  <body style="height: 3000px;">
    <p class="text" style="position: fixed;top:2%">Scrolled: 0px</p>
  </body>

</html>

JavaScript

window.addEventListener("scroll", () => {
  document.querySelector(".text").textContent = 'Scrolled: '+window.scrollY + 'px'
  console.log(window.scrollY);
});