How come my js array is only showing the last one?

Question

I don’t know if this is similar or not to other topics. I’m basically testing my code at this point and I have no idea why it’s not working.

let p = document.querySelector("#demo");
let m = document.querySelector("body");
let msg = "";
let arr1 = [23, 55, 63, 88, 95];
for (i = 0; i < arr1.length; i++){
   msg = arr1[i] + "<Br>";
}
p.innerHTML = msg;

Answer 1

We could just remove the loop all together and do a join:

let p = document.querySelector("#demo");
let arr1 = [23, 55, 63, 88, 95];

p.innerHTML = arr1.join('<br>');

<p id="demo"></p>