recording-interaction.js

const r = document.querySelector('input[type="range"]'),
  initVal = 20,
  story = [];

let currVal = null;

r.value = initVal;

r.addEventListener('change', (e) => {
  let finalVal = e.target.value,
    message = finalVal === currVal ? currVal : "Error";
  console.clear();  
  console.log('Final:', message);
  console.table(story);
}, false);
r.addEventListener('input', (e) => {
  currVal = e.target.value;
  story.push({'value': currVal, 'time': new Date().getTime()})
  /* console.log('Currently:', currVal) */
}, false);