style: minor fix for initial state

templates/index.html

@@ -61,14 +61,14 @@
         <section class="mt-8 h-full flex-auto rounded-lg md:mt-0 md:ml-8">
           <div class="bg-white p-16 rounded-lg">
             <h1 class="text-2xl mb-8">Estimasi biaya asuransi Anda adalah</h1>
-            <h2 class="text-5xl font-bold">$<span id="insurance_cost"></span></h2>
+            <h2 class="text-5xl font-bold">$<span id="insurance_cost">0.00</span></h2>
               <div class="mt-8">
-                <p><strong>Usia:</strong> <span id="respAge"></span> tahun</p>
-                <p><strong>Jenis kelamin:</strong> <span id="respSex"></span></p>
-                <p><strong>Status perokok:</strong> <span id="respSmoker"></span></p>
-                <p><strong>BMI:</strong> <span id="respBmi"></span></p>
-                <p><strong>Jumlah Anak:</strong> <span id="respChildren"></span></p>
-                <p><strong>Region:</strong> <span id="respRegion"></span></p>
+                <p id="respAge"></p>
+                <p id="respSex"></p>
+                <p id="respSmoker"></p>
+                <p id="respBmi"></p>
+                <p id="respChildren"></p>
+                <p id="respRegion"></p>
               </div>
           </div>
           <div class="flex justify-around p-16 rounded-lg mt-8">
@@ -128,12 +128,12 @@
                 contentType: false,
                 success: function (response) {
                     // Handle the response data
-                    $('#respAge').html(response.age);
-                    $('#respSex').html(response.sex);
-                    $('#respSmoker').html(response.smoker);
-                    $('#respBmi').html(response.bmi);
-                    $('#respChildren').html(response.children);
-                    $('#respRegion').html(response.region);
+                    $('#respAge').html("<strong>Usia:</strong> " + response.age + " tahun");
+                    $('#respSex').html("<strong>Jenis kelamin:</strong>" + response.sex);
+                    $('#respSmoker').html("<strong>Status perokok:</strong> "+ response.smoker);
+                    $('#respBmi').html("<strong>BMI:</strong> " + response.bmi);
+                    $('#respChildren').html("<strong>Jumlah Anak:</strong> " + response.children);
+                    $('#respRegion').html("<strong>Region: </strong>" + response.region);
                     $('#insurance_cost').html(response.insurance_cost);
                     console.log(response);
                 },