Текст, измененный innerHTML, не останется видимым

У меня есть функция, которая должна отображать сообщение в элементе P, если выполняются условия. Функция работает нормально, но текст, который отправляется на «output1», появляется на короткое время при нажатии кнопки и затем исчезает. Я попытался поместить JS в голову и в тело, но это, кажется, не имеет значения. Есть идеи? Благодарю.

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>

Ответы на вопрос(2)

Ваш ответ на вопрос