Skip to main content
1 de 2

Al ejecutar mi función javascript, manda el código pero se borra de inmediato

Tengo esta función en mi .js:

function mandarTeatro(){
    document.getElementById("mainPage").innerHTML = "<p>Esta es la sección teatral</p>";
}

Y la cuestión es que, cuando la mando llamar mediante un "onclick", escribe eso en una de mi html principal, peor el punto es que, inmediatamente que lo escribe, me regresa a como estaba inicialmente, ¿por qué está pasando eso?