دنیای پروژه

جزئیات محصول

دانلود پروژه کاربردی ماشین حساب ساده

دانلود پروژه کاربردی ماشین حساب ساده

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

خرید فایل


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

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

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

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



در اینجا چند پروژه ساده با JavaScript همراه با توضیحات و کد منبع آن‌ها آورده شده است. این پروژه‌ها برای مبتدیان مناسب هستند و به شما کمک می‌کنند تا با مفاهیم پایه برنامه‌نویسی آشنا شوید.
 
### 1. **ماشین حساب ساده**
این پروژه شامل یک ماشین حساب است که امکان انجام عملیات جمع، تفریق، ضرب و تقسیم را به کاربر می‌دهد.
 
#### HTML
```html
   
   
    ماشین حساب ساده
   
   
       

ماشین حساب

       
       
       
       
       
       
       

نتیجه: 0

   
   
```
 
#### CSS
```css
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}
 
.calculator {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
```
 
#### JavaScript
```javascript
function calculate(operation) {
    const num1 = parseFloat(document.getElementById('num1').value);
    const num2 = parseFloat(document.getElementById('num2').value);
    let result;
 
    switch (operation) {
        case '+':
            result = num1 + num2;
            break;
        case '-':
            result = num1 - num2;
            break;
        case '*':
            result = num1 * num2;
            break;
        case '/':
            result = num2 !== 0 ? num1 / num2 : 'تقسیم بر صفر امکان‌پذیر نیست';
            break;
    }
 
    document.getElementById('result').textContent = result;
}
```
 
### 2. **لیست کارها (To-Do List)**
این پروژه به کاربران امکان می‌دهد که کارهای خود را اضافه کنند و آن‌ها را حذف کنند.
 
#### HTML
```html
   
   
    لیست کارها
   
   
       

لیست کارها

       
       
       
       
       
    ```
     
    #### CSS
    ```css
    body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
    }
     
    .todo-container {
        background-color: white;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
     
    ul {
        list-style-type: none;
        padding: 0;
    }
    ```
     
    #### JavaScript
    ```javascript
    function addTask() {
        const taskInput = document.getElementById('task-input');
        const taskText = taskInput.value;
     
        if (taskText === '') {
            alert('لطفاً یک کار وارد کنید.');
            return;
        }
     
        const li = document.createElement('li');
        li.textContent = taskText;
        li.onclick = function() {
            this.remove();
        };
     
        document.getElementById('task-list').appendChild(li);
        taskInput.value = '';
    }
    ```
     
    ### 3. **تبدیل دما**
    این پروژه به کاربران امکان می‌دهد دما را از سلسیوس به فارنهایت و بالعکس تبدیل کنند.
     
    #### HTML
    ```html
       
       
        تبدیل دما
       
       
           

    تبدیل دما

           
           
           
           

       
       
    ```
     
    #### CSS
    ```css
    body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
    }
     
    .temperature-converter {
        background-color: white;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    ```
     
    #### JavaScript
    ```javascript
    function convertTemperature() {
        const temperature = parseFloat(document.getElementById('temperature').value);
        const unit = document.getElementById('unit').value;
        let result;
     
        if (unit === 'C') {
            result = (temperature * 9/5) + 32; // سلسیوس به فارنهایت
            document.getElementById('result').textContent = `${temperature} °C = ${result.toFixed(2)} °F`;
        } else {
            result = (temperature - 32) * 5/9; // فارنهایت به سلسیوس
            document.getElementById('result').textContent = `${temperature} °F = ${result.toFixed(2)} °C`;
        }
    }
    ```
     
    ### 4. **شمارشگر معکوس**
    این پروژه به کاربران امکان می‌دهد تا یک شمارش معکوس از زمان مشخصی را مشاهده کنند.
     
    #### HTML
    ```html
       
       
        شمارشگر معکوس
       
       
           

    شمارشگر معکوس

           
           
           
           

       
       
    ```
     
    #### CSS
    ```css
    body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
    }
     
    .countdown-timer {
        background-color: white;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    ```
     
    #### JavaScript
    ```javascript
    let countdown;
     
    function startCountdown() {
        const minutes = parseInt(document.getElementById('minutes').value) || 0;
        const seconds = parseInt(document.getElementById('seconds').value) || 0;
        let totalTime = (minutes * 60) + seconds;
     
        if (totalTime <= 0) {
            alert('لطفاً زمان معتبر وارد کنید.');
            return;
        }
     
        clearInterval(countdown);
        displayTime(totalTime);
     
        countdown = setInterval(() => {
            totalTime--;
            displayTime(totalTime);
     
            if (totalTime <= 0) {
                clearInterval(countdown);
                document.getElementById('timer').textContent = 'زمان به پایان
     
     رسید!';
            }
        }, 1000);
    }
     
    function displayTime(totalTime) {
        const minutes = Math.floor(totalTime / 60);
        const seconds = totalTime % 60;
        document.getElementById('timer').textContent = `${minutes} دقیقه و ${seconds} ثانیه`;
    }
    ```
     
    ### نتیجه‌گیری
    این پروژه‌های ساده با JavaScript به شما این امکان را می‌دهند که با مفاهیم پایه برنامه‌نویسی وب آشنا شوید. می‌توانید این پروژه‌ها را گسترش دهید یا ویژگی‌های جدیدی به آن‌ها اضافه کنید. از کدنویسی لذت ببرید!
    | صفحه قابل مشاهده: دانلود پروژه کاربردی ماشین حساب ساده می‌باشد