Skip to main content
2 de 2
Agregado el código HTML

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?

Aquí el html, si lo posteaba aquí no me iba a dejar: https://pastebin.com/JPHbmDw7