Как изменить переменную JS прямо на сайте?

var pagesJS1 = localStorage.getItem("pageNum"); //передаём в переменную значение pageNum из локального хранилища 
if(pagesJS1 == "") { //если хранилище пустое, то записываем в span 462 
  document.getElementById("pagesJS1").innerHTML = '462'; 
} 
else { //если там есть значение, то записываем его 
  document.getElementById("pagesJS1").innerHTML = pagesJS1; 
} 
 
var btn = document.getElementById("button"); 
var input = document.getElementById("changeNum"); 
 
btn.onclick = function() { 
  input.style.display = 'inline'; 
} 
 
input.onkeyup = function() { 
  var newNum = +input.value; 
  localStorage.setItem("pageNum",newNum); //сохраняем в localstorage новое значение 
  document.getElementById("pagesJS1").innerHTML = newNum; 
}

#changeNum { 
  display: none; 
}

<b>Прочитано страниц</b>: <span id="pagesJS1"></span> 
<button id="button">Изменить</button> 
<input type="number" id="changeNum" />