How to show an object in html

I'm trying to show all the data.

const object1 = {
a: 'somestring',
b: 42
};
for (let [key, value] of Object.entries(object1)) {
document.write(<br> ${key}: ${value});
}

this document.write works, however i had a problem with another program (and here I'm just trying to learn how to show the data in html, console is easy)

let data3 = {
manufacturer: "Focus",
power: "123 bhp",
color: "Red",
year: 2009,
FuelType: "diesel"
};
for (let [key, value] of Object.entries(data3)) {
document.getElementById("carData3").innerHTML = (<br> ${key}: ${value});
// not working
}
btw carData3 is a label.

I even rewrote this just to show what works and what doesnt:-

let data1 = {
manufacturer: "Focus",
power: "123 bhp",
color: "Blue",
year: 2013,
FuelType: "petrol"
};

for (let [key, value] of Object.entries(data1)) {
let y = document.getElementById("carData1");
y.innerHTML= (${key}: ${value}); // Not working
document.write(<br> ${key}: ${value}); // This works
console.log(<br> ${key}: ${value}); // This works
}

Really grateful for any help

P.s carData1 and carData2 are labels and spelled correctly - I think the problem lies in accessing with the DOM but I just can't see it.