Anpassung Design

assets/app.js

@@ -6,14 +6,20 @@ const formatCurrency = (cents) =>
     currency: 'EUR',
   }).format(cents / 100);
 
-const calculateDays = (start, end) => {
+const calculateRentalDays = (start, end) => {
   if (!start || !end) return null;
+
   const startDate = new Date(start);
   const endDate = new Date(end);
-  if (Number.isNaN(startDate.valueOf()) || Number.isNaN(endDate.valueOf())) return null;
+
+  if (Number.isNaN(startDate.valueOf()) || Number.isNaN(endDate.valueOf())) {
+    return null;
+  }
+
   const milliseconds = endDate.getTime() - startDate.getTime();
-  const days = Math.floor(milliseconds / 86400000) + 1;
-  return days > 0 ? days : null;
+  const rentalDays = Math.floor(milliseconds / 86400000);
+
+  return rentalDays > 0 ? rentalDays : null;
 };
 
 forms.forEach((form) => {
@@ -22,24 +28,24 @@ forms.forEach((form) => {
   const daysOutput = form.querySelector('[data-summary-days]');
   const totalOutput = form.querySelector('[data-summary-total]');
   const rateInput = form.querySelector('input[name="price_per_day_cents"]');
-  const defaultRate = Number(form.dataset.dayRate || 9999);
+  const defaultRate = Number(form.dataset.dayRate || rateInput?.value || 9999);
 
   const render = () => {
-    const days = calculateDays(startInput?.value, endInput?.value);
+    const rentalDays = calculateRentalDays(startInput?.value, endInput?.value);
     const rate = Number(rateInput?.value || defaultRate);
 
-    if (!days || rate < 0) {
-      if (daysOutput) daysOutput.textContent = 'Noch nicht gewaehlt';
+    if (!rentalDays || rate < 0) {
+      if (daysOutput) daysOutput.textContent = 'Noch nicht gewählt';
       if (totalOutput) totalOutput.textContent = formatCurrency(defaultRate);
       return;
     }
 
     if (daysOutput) {
-      daysOutput.textContent = `${days} ${days === 1 ? 'Tag' : 'Tage'}`;
+      daysOutput.textContent = `${rentalDays} ${rentalDays === 1 ? 'Miettag' : 'Miettage'}`;
     }
 
     if (totalOutput) {
-      totalOutput.textContent = formatCurrency(days * rate);
+      totalOutput.textContent = formatCurrency(rentalDays * rate);
     }
   };