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

جزئیات محصول

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

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

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

خرید فایل


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

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

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

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



 ### پروژه ماشین حساب سرعت تایپ با جاوا اسکریپت
 
این پروژه یک **ماشین حساب سرعت تایپ** (Typing Speed Calculator) با استفاده از HTML، CSS و JavaScript است. این برنامه به کاربران اجازه می‌دهد تا سرعت تایپ خود را با اندازه‌گیری تعداد کلمات تایپ شده در یک مدت زمان مشخص محاسبه کنند. این پروژه برای تمرین دستکاری DOM و کار با زمان‌سنج‌ها (Timers) در جاوا اسکریپت مناسب است.
 
### 1. **HTML**
ابتدا ساختار HTML را برای ماشین حساب سرعت تایپ ایجاد می‌کنیم.
 
```html
   
   
    ماشین حساب سرعت تایپ
   
   
       

ماشین حساب سرعت تایپ

       

اینجا یک متن به‌صورت تصادفی نمایش داده می‌شود تا آن را تایپ کنید.

       
       
       
   
   
```
 
### 2. **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: 500px;
    text-align: center;
}
 
h1 {
    margin-bottom: 20px;
}
 
#textToType {
    margin-bottom: 20px;
    font-size: 18px;
}
 
textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
 
button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
}
 
.result {
    margin-top: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
```
 
### 3. **JavaScript**
در این بخش منطق برنامه را با جاوا اسکریپت پیاده‌سازی می‌کنیم.
 
```javascript
document.addEventListener('DOMContentLoaded', () => {
    const textToTypeElement = document.getElementById('textToType');
    const userInput = document.getElementById('userInput');
    const startBtn = document.getElementById('startBtn');
    const result = document.getElementById('result');
 
    const texts = [
        "جاوا اسکریپت یکی از محبوب‌ترین زبان‌های برنامه‌نویسی است.",
        "یادگیری کدنویسی می‌تواند بسیار مفید و سرگرم‌کننده باشد.",
        "سرعت تایپ خود را به کمک این ابزار بسنجید.",
        "پروژه‌های کوچک به یادگیری مفاهیم پایه کمک می‌کنند."
    ];
 
    let startTime, endTime;
 
    // شروع تایمر
    startBtn.addEventListener('click', () => {
        let randomIndex = Math.floor(Math.random() * texts.length);
        textToTypeElement.textContent = texts[randomIndex];
        userInput.value = '';
        userInput.disabled = false;
        userInput.focus();
        startTime = new Date().getTime();
        result.textContent = '';
    });
 
    // بررسی پایان تایپ
    userInput.addEventListener('input', () => {
        const typedText = userInput.value;
        const originalText = textToTypeElement.textContent;
 
        if (typedText === originalText) {
            endTime = new Date().getTime();
            calculateSpeed();
        }
    });
 
    // محاسبه سرعت تایپ
    function calculateSpeed() {
        const timeTaken = (endTime - startTime) / 1000; // زمان بر حسب ثانیه
        const numberOfWords = textToTypeElement.textContent.split(' ').length;
        const speed = Math.round((numberOfWords / timeTaken) * 60); // تعداد کلمات در دقیقه
 
        result.textContent = `سرعت تایپ شما: ${speed} کلمه در دقیقه`;
        userInput.disabled = true;
    }
});
```
 
### توضیحات کد:
 
1. **HTML**:
   - شامل یک عنوان، متن برای تایپ، یک جعبه متنی برای ورودی کاربر و یک دکمه برای شروع است.
   - بخش **نتیجه** برای نمایش سرعت تایپ بعد از تکمیل تایپ استفاده می‌شود.
 
2. **CSS**:
   - طراحی ساده‌ای برای رابط کاربری به‌منظور زیباسازی و دسترسی آسان فراهم شده است.
 
3. **JavaScript**:
   - **شروع تایپ**: وقتی کاربر روی دکمه "شروع" کلیک می‌کند، یک متن تصادفی برای تایپ انتخاب می‌شود و تایمر شروع می‌شود.
   - **محاسبه سرعت تایپ**: زمانی که کاربر تایپ متن را کامل کرد، سرعت تایپ بر حسب تعداد کلمات در دقیقه محاسبه و نمایش داده می‌شود.
 
### نتیجه‌گیری
این پروژه **ماشین حساب سرعت تایپ** به کاربران کمک می‌کند تا سرعت تایپ خود را اندازه‌گیری کنند و برای تمرین دستکاری DOM و کار با زمان‌سنج‌ها در جاوا اسکریپت مناسب است. می‌توانید این پروژه را گسترش دهید و ویژگی‌هایی مثل محاسبه دقت تایپ (accuracy) یا نمایش نتایج قبلی اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده: دانلود پروژه کاربردی پروژه ماشین حساب سرعت تایپ با جاوا اسکریپت می‌باشد