- document.write no es una opción pues va a resccribir todo el contenido de tu HTML y tu solo deseas motificar el texto que aparece en el div
- Puedes declarar una variable inicializada en 0 y posterior con la sintaxis de
variable += 1
aumentar su valor en 1 cada que ocurra el evento click del botón
- Usa la propiedad
innerText
en cambio del div para poder darle el incremento que sucede en el evento click.
<button id="incremento">Incrementa</button>
<div id="valor"></div>
<script>
let boton = document.getElementById("incremento")
let valor = document.getElementById("valor")
let inicio = 1
boton.addEventListener("click", () => {
valor.innerText = inicio += 1
})
</script>
Si por ejemplo del código propuuesto deseas saber las propiedades de la variable que representa al div
puedes imprimirlo mediante:
console.log(valor)
Que de entre muchas opciones puedes encontrar este frgmento:
{ [native code] },
hidden: false,
id: "valor",
innerHTML: "",
innerText: "",
inputMode: "",
Y podemos ocupar tanto la 3 o 4 sin embargo para conocer mas sobre ambas recomiendo revises los enlaces que te dejo
Referencias