Tengo una función que se supone que muestra un mensaje en un elemento P si se cumplen las condiciones. La función funciona bien, pero el texto que se envía a 'output1' aparece brevemente cuando se presiona el botón y luego desaparece. He intentado poner el JS en la cabeza y en el cuerpo, pero no parece hacer una diferencia. ¿Algunas ideas? Gracias.

HTML:

<p id="output1"><p>

Javascript:

<script>
function logicProcess() {
    // alert('function launched');
    if(document.getElementById('q1Y').checked || document.getElementById('q2Y').checked || document.getElementById('q3Y').checked) {
        document.getElementById("output1").innerHTML = "Sorry, you don't qualify for our shared ownership properties";
        }
    else {
        document.getElementById("output1").innerHTML = "You may qualify for our shared ownership scheme. Please complete the registration form.";
        }
}       
</script>