Estoy creando un sitio web donde si ingresa el año en que nació, el sitio web mostrará su edad en días. El código funciona en su mayor parte. Cuando presiono el botón Enviar, la edad aparece durante 1 segundo y luego sale de la pantalla. Quiero que el texto se quede ahí. Aquí está mi código JS:

 function ageInDays() { // variables var birthYear = <?php echo $_GET["name"];?>; var thisYear = new Date(); var ageInDayss = (thisYear.getFullYear() - birthYear) * 365; //text if (isNaN(birthYear) == false) { if (birthYear<=1920 || birthYear>=2022) { var h1 = document.createElement('h1'); var textAnswer = document.createTextNode("Invalid Input. Please Try Again."); h1.setAttribute('id', 'ageInDays'); h1.appendChild(textAnswer); document.getElementById('flex-box-result').appendChild(h1); } else if (birthYear>1990 && birthYear<2021) { var h1 = document.createElement('h1'); var textAnswer = document.createTextNode("You are " + ageInDayss + " days old."); h1.setAttribute('id', 'ageInDays'); h1.appendChild(textAnswer); document.getElementById('flex-box-result').appendChild(h1); } else if (birthYear>1920 && birthYear<1990) { var h1 = document.createElement('span'); var h2 = document.createElement('span'); var textAnswer = document.createTextNode("You are " + ageInDayss + " days old."); var textAnswer1 = document.createTextNode(" Yikes... that's old."); h1.setAttribute('id', 'ageInDays'); h2.setAttribute('id', 'yikes'); h1.appendChild(textAnswer); h2.appendChild(textAnswer1); document.getElementById('flex-box-result').appendChild(h1).appendChild(h2); } }else{ var h1 = document.createElement('h1'); var textAnswer = document.createTextNode("Invalid Input. Please Try Again."); h1.setAttribute('id', 'ageInDays'); h1.appendChild(textAnswer); document.getElementById('flex-box-result').appendChild(h1); } }

Cuando ejecuto el código, el texto solo aparece durante 1 segundo. ¿Cómo puedo arreglar esto?