مرجع تخصصی پروژه ها و فایل ها

جزئیات محصول

دانلود پروژه کاربردی ماشین حساب انعام با استفاده از جاوا اسکریپت و کد منبع

دانلود پروژه کاربردی ماشین حساب انعام با استفاده از جاوا اسکریپت و کد منبع

قیمت: 35,000 تومان

خرید فایل


مشاهده پیشنمایش

پیشنمایش برای محصولاتی که نیاز به نمایش دمو دارند می باشد

 کاربران گرامی در این پروژه به شما پروژه کاربردی  با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر  پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.

در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه  های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد 


### ماشین حساب انعام با استفاده از جاوا اسکریپت و کد منبع
 
در اینجا یک پروژه ساده برای ایجاد یک **ماشین حساب انعام** با استفاده از HTML، CSS و JavaScript ارائه شده است. این برنامه به کاربران اجازه می‌دهد تا مبلغ انعام را بر اساس مبلغ کل و درصد انعام محاسبه کنند.
 
### ۱. **HTML**
ساختار ماشین حساب انعام را با استفاده از HTML ایجاد کنید.
 
```html
   
   
    ماشین حساب انعام
   
   
       

ماشین حساب انعام

       
       
        
       
       
        
       
        
       
           
       
   
   
```
 
### ۲. **CSS**
برای طراحی ظاهری ماشین حساب انعام از CSS استفاده کنید.
 
```css
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}
 
.container {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 80%;
    max-width: 400px;
}
 
h1 {
    text-align: center;
    margin-bottom: 20px;
}
 
label {
    display: block;
    margin-bottom: 5px;
}
 
input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
 
button {
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
    width: 100%;
}
 
button:hover {
    background-color: #218838;
}
 
.result {
    margin-top: 20px;
    font-size: 20px;
    color: #333;
    text-align: center;
}
```
 
### ۳. **JavaScript**
منطق ماشین حساب انعام را با استفاده از JavaScript پیاده‌سازی کنید. این بخش شامل محاسبه انعام بر اساس مبلغ کل و درصد انعام است.
 
```javascript
// انتخاب عناصر HTML
const billAmountInput = document.getElementById('billAmount');
const tipPercentageInput = document.getElementById('tipPercentage');
const calculateBtn = document.getElementById('calculateBtn');
const resultDiv = document.getElementById('result');
 
// افزودن رویداد کلیک برای دکمه محاسبه
calculateBtn.addEventListener('click', function() {
    // دریافت مقادیر ورودی
    const billAmount = parseFloat(billAmountInput.value);
    const tipPercentage = parseFloat(tipPercentageInput.value);
 
    // بررسی مقادیر ورودی
    if (isNaN(billAmount) || isNaN(tipPercentage) || billAmount <= 0 || tipPercentage < 0) {
        resultDiv.textContent = 'لطفاً مقادیر معتبر وارد کنید!';
        return;
    }
 
    // محاسبه انعام
    const tipAmount = (billAmount * tipPercentage) / 100;
    const totalAmount = billAmount + tipAmount;
 
    // نمایش نتیجه
    resultDiv.textContent = `مبلغ انعام: ${tipAmount.toFixed(2)} تومان | مبلغ کل: ${totalAmount.toFixed(2)} تومان`;
});
```
 
### توضیحات کد:
 
1. **HTML**:
   - شامل عنوان، فیلدهای ورودی برای مبلغ کل و درصد انعام و یک دکمه برای محاسبه انعام است.
 
2. **CSS**:
   - طراحی زیبا برای ماشین حساب با توجه به کاربرپسند بودن.
 
3. **JavaScript**:
   - **محاسبه انعام**: وقتی کاربر روی دکمه کلیک می‌کند، انعام و مبلغ کل محاسبه و نمایش داده می‌شود. همچنین ورودی‌ها بررسی می‌شوند تا از اعتبار آن‌ها اطمینان حاصل شود.
 
### نتیجه‌گیری
این **ماشین حساب انعام** یک مثال ساده و مفید از استفاده از HTML، CSS و JavaScript برای ایجاد ابزاری کاربردی است. شما می‌توانید این پروژه را گسترش دهید و ویژگی‌های بیشتری مانند ذخیره تاریخچه محاسبات یا انتخاب گزینه‌های پیش‌فرض انعام اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده: دانلود پروژه کاربردی ماشین حساب انعام با استفاده از جاوا اسکریپت و کد منبع می‌باشد