body {
background-color: #f3f4f6; /* لون خلفية لطيف */
font-family: ‘Arial’, sans-serif;
padding: 20px;
}
.container {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); /* ظلال أعماق أكثر */
border: 2px solid #007bff; /* إطار بارز */
}
h1 {
font-size: 2.5em;
color: #343a40; /* لون نص داكن */
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
text-align: center;
margin-bottom: 20px;
}
h2 {
font-size: 1.8em;
background: #007bff; /* لون خلفية ممزوج */
color: #ffffff;
padding: 10px;
border-radius: 5px;
margin-top: 30px;
text-align: right;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
transition: background-color 0.3s;
}
h2:hover {
background: #0056b3; /* تباين عند المرور */
}
.section-title {
font-size: 2em;
margin-top: 40px;
text-align: right;
}
p.welcome {
text-align: center;
font-size: 1.25em;
margin-bottom: 20px;
color: #686868; /* لون نص رمادي */
}
.result {
text-align: center;
margin-top: 20px;
padding: 15px;
border-radius: 5px;
background: #d1ecf1; /* لون خلفية مميز */
font-weight: bold;
font-size: 1.5em;
color: #0c5460; /* لون نص داكن */
border: 1px solid #bee5eb; /* إطار بسيط */
}
button {
background-color: #007bff;
color: white;
border: 2px solid #0056b3; /* إطار بارز */
width: 100%;
padding: 10px;
font-size: 1.2em;
transition: background-color 0.3s, transform 0.2s; /* انتقال سلس */
}
button:hover {
background-color: #0056b3; /* تباين عند المرور */
transform: scale(1.05); /* تأثير تكبير */
}
.form-group label {
font-weight: bold;
text-align: right;
color: #343a40; /* لون نص داكن */
}
.travel-image {
width: 100%;
height: auto;
border-radius: 10px; /* زوايا دائرية للصورة */
margin-bottom: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* ظلال للصورة */
}

تسعى لتخطيط رحلة مثالية؟ استخدم حاسبتنا الشاملة لحساب تكاليف سفرك بدقة!

حاسبة تكاليف السفر

تساعدك هذه الحاسبة على تقدير كافة نفقات سفرك، مما يسمح لك بالتخطيط بشكل أفضل لأفضل تجربة سفر ممكنة. يمكنك حساب تكاليف التذاكر، الإقامة، الطعام، النقل، والأنشطة الترفيهية، وبالتالي، الحصول على فكرة واضحة عن الميزانية المطلوبة قبل الانطلاق في مغامرتك.

التفاصيل

تذاكر الطيران

عدد التذاكر:

سعر التذكرة لكل فرد (بالعملة المحلية):

الإقامة

عدد الليالي:

سعر الليلة (بالعملة المحلية):

بدل الطعام

تكلفة الطعام اليومية لكل فرد (بالعملة المحلية):

عدد الأيام:

تكاليف المواصلات

تكلفة المواصلات (بالعملة المحلية):

أنشطة وترفيه

تكلفة الأنشطة الترفيهية (بالعملة المحلية):

التأمين على السفر

تكلفة التأمين على السفر لكل فرد (بالعملة المحلية):

عدد الأفراد:

نفقات إضافية

نفقات إضافية (بالعملة المحلية):

احسب تكاليف سفرك

document.getElementById(‘travelCostForm’).addEventListener(‘submit’, function(event) {
event.preventDefault();

const ticketCount = parseFloat(document.getElementById(‘ticketCount’).value);
const ticketPrice = parseFloat(document.getElementById(‘ticketPrice’).value);
const nights = parseFloat(document.getElementById(‘nights’).value);
const nightPrice = parseFloat(document.getElementById(‘nightPrice’).value);
const dailyFoodCost = parseFloat(document.getElementById(‘dailyFoodCost’).value);
const days = parseFloat(document.getElementById(‘days’).value);
const transportCost = parseFloat(document.getElementById(‘transportCost’).value);
const activityCost = parseFloat(document.getElementById(‘activityCost’).value);
const insuranceCost = parseFloat(document.getElementById(‘insuranceCost’).value);
const insuranceCount = parseFloat(document.getElementById(‘insuranceCount’).value);
const extraExpenses = parseFloat(document.getElementById(‘extraExpenses’).value);

const totalTicketCost = ticketCount * ticketPrice;
const totalAccommodationCost = nights * nightPrice;
const totalFoodCost = dailyFoodCost * ticketCount * days;
const totalInsuranceCost = insuranceCost * insuranceCount;
const totalCost = totalTicketCost + totalAccommodationCost + totalFoodCost +
transportCost + activityCost + totalInsuranceCost + extraExpenses;

document.getElementById(‘result’).textContent = `إجمالي تكاليف السفر: ${totalCost.toFixed(2)} (بالعملة المحلية)`;
});