Skip to main content
1 de 2

No es firebase, estas tomando todo el elemento cada vez, la primera vez esta vacio, pero la segunda ya tiene "la primera", intenta vaciar el innerHTML antes de empezar.

Hace esto:

document.querySelector('#temperatura').innerHTML = ""
firebaseRef4.on("value", function (snapshot) {
(aca) document.querySelector('#temperatura').innerHTML = ""
    snapshot.forEach(function (element) {
    document.querySelector('#temperatura').innerHTML += `
    <div style="margin-top: 20px ;">${"    "+ element.val() + " ° C registrados"}</div> <hr>`     
    })
  })