js -> html

Author: nopara73

LongevityWorldCup.Website/wwwroot/onboarding/pheno-age.html

@@ -258,7 +258,11 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="250">The Blood Pact
             </button>
         </form>
 
-        <div id="phenoAgeResult" class="bioageform" data-aos="fade" data-aos-duration="700" data-aos-delay="400"></div>
+        <div id="phenoAgeResult" class="bioageform" data-aos="fade" data-aos-duration="700" data-aos-delay="400">
+            <div style="font-size: 1rem; color: #2c3e50; text-align: center;">Your biological age is:</div>
+            <div style="font-size: 2.5rem; color: #4CAF50; font-weight: bold; text-align: center;"><span id="animatedAge">0</span></div>
+            <div id="yearsText" style="font-size: 1rem; color: #2c3e50; text-align: center;">years</div>
+        </div>
 
         <div class="options-container" data-aos="fade" data-aos-duration="700" data-aos-delay="400">
             <button id="continueButton" class="option-button already-have" onclick="proceedToNextPage()">
@@ -424,12 +428,6 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="250">The Blood Pact
 
             // Setting up the animated counter effect
             let displayAge = 0;
-            resultElement.innerHTML = `
-                                                            <div style="font-size: 1rem; color: #2c3e50; text-align: center;">Your biological age is:</div>
-                                                            <div style="font-size: 2.5rem; color: #4CAF50; font-weight: bold; text-align: center;"><span id="animatedAge">0</span></div>
-                                                            <div id="yearsText" style="font-size: 1rem; color: #2c3e50; text-align: center;">years</div>
-                                                    `;
-
             if (isFirstTimeAnimation) {
                 // Set the flag to false after the first run
                 isFirstTimeAnimation = false;