onclick не обновляется. Показывает старое значение даже после использования .onclick = "hideList ()";

Question

Значение onclick не заменяется.Окно консоли показывает его как неизменное.Вот код JavaScript:

function viewList(){
  var c=document.querySelector(".list");
  c.style.display= "block";
  document.querySelector(".box").style.height="700px";
  document.getElementById("btn").onclick="hideList()";
  console.log(document.getElementById("btn"));
}
function val(p){
  var i=document.getElementsByClassName("valued");
  var j=document.createAttribute("value");
  j.value=p.textContent;
  i[0].setAttributeNode(j);
}       
function hideList(){
  var c=document.querySelector(".list");
  c.style.display= "none";
  document.querySelector(".box").style.height="500px";
}

Answer 1

//if you want to set string at function use this way
document.getElementById("btn").setAttribute('onclick',"hideList()");
//if you want set function variable then 
document.getElementById("btn").onclick=hideList;

Обновление:

//This will set the method to a string
document.getElementById("btn").onclick="hideList()";