Js map using innerHTML Why only last key value print

Question

Js map using innerHTML Why only last key value print
https://code.sololearn.com/WBgtHWJIynz3
let map = new Map();
map.set('fname','Abhi').set('lname','ji').set('mobile',999999999);

for (let iterator of map.entries()) {
document.getElementById("demo").innerHTML=iterator[0] + " : " + iterator[1] ;
//mobile : [phone]
console.log(iterator[0] + " : " + iterator[1]);
/*fname : Abhi
lname : ji
mobile : [phone]
*/
}

Answer 1

Well of course it's only going to output the last change made. You're not appending to it, you're replacing it each time.

Answer 2

All keys and values are output when I run it. So, not sure what you're asking.

Answer 3

using map as a variable name is bad practice because map is already a key word.

Answer 4

Check using innerHTML