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

جزئیات محصول

دانلود پروژه بازی سرعت تایپ (Typing Speed Game) با جاوا اسکریپت و کد منبع

دانلود پروژه بازی سرعت تایپ (Typing Speed Game) با جاوا اسکریپت و کد منبع

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

خرید فایل


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

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

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

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



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