Tengo 2 botones, uno para sumar 1 y otro para restar 1, pero me gustaría que cambie el valor de un campo de Firebase de acuerdo con los botones presionados. ¿Cómo?

botón y mostrar código:

 <button style="display:inline;position:absolute;left:45%;top:38px;" name="add" value="1">+</button> <h1 id="count" style="display:inline;position:absolute;left:50%;"></h1> <button style="display:inline;position:absolute;left:55%;top:38px;" name="sub" value="-1">-</button>

Código para actualizar (He intentado cambiar cosas, pero a partir de ahora no funciona y no sé de qué manera debería alcanzar mi objetivo. Además, seguí un tutorial. Estoy tratando de hacer 1 botón agregue 1 al campo "contador" y otro reste 1 de él).

 const updateForm = document.querySelector('.update') updateForm.addEventListener('submit', (e) => { e.preventDefault() let docRef = doc(db, 'count', updateForm.add.count[0]) updateDoc(docRef, { counter: 2 }) .then(() => { updateForm.reset() }) })

Count[0] proviene de este código:

 onSnapshot(colRef, (snapshot) => { let count = [] snapshot.docs.forEach((doc) => { count.push({ ...doc.data(), id: doc.id }) }) document.getElementById("count").innerHTML=count[0].counter; })

(El código está adaptado para funcionar en más de 1 campo, pero solo uso 1. Eso es porque seguí un tutorial como se mencionó anteriormente).