event.target не работает по отношению к кнопке

function add(event){ 
	console.log(event.target) 
}

  div { 
    border: 1px solid #000; 
    padding: 25px; 
  }

<div id="div">Hi! 
  <button id="button" onclick="add(event)">Add button</button> 
</div>

function add(event){ 
	console.log(event.target) 
} 
//document.getElementById("button").onclick = add; 
document.getElementById("button").addEventListener("click", add);

  div { 
    border: 1px solid #000; 
    padding: 25px; 
  }

<div id="div">Hi! 
  <button id="button">Add button</button> 
</div>