How to display the added element in an array in my html document?

What I’m trying to do here is to display only the added element in the array on the HTML page?
But whenever I add an element using the unshift array method it displays other elements of the array too.

let greetings = ["I", "Hi", "Hello"];
document.getElementById("hello").innerHTML = greetings;

greetings.unshift("Hey");
document.getElementById("hello").innerHTML = greetings;

<h3 id="hello"></h3>

>Solution :

to only display the new element ("Hey") you would use greetings[0] to get the first element of the array