<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "5adea7059676fcdb1b546ccd54c956c2",
  "translation_date": "2025-10-22T18:02:41+00:00",
  "source_file": "4-typing-game/README.md",
  "language_code": "pa"
}
-->
# ਇਵੈਂਟ-ਡ੍ਰਿਵਨ ਪ੍ਰੋਗਰਾਮਿੰਗ - ਇੱਕ ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਓ

## ਪਰਿਚਯ

ਇਹ ਗੱਲ ਹਰ ਡਿਵੈਲਪਰ ਜਾਣਦਾ ਹੈ ਪਰ ਕਦੇ-ਕਦੇ ਇਸ ਬਾਰੇ ਗੱਲ ਨਹੀਂ ਕਰਦਾ: ਤੇਜ਼ ਟਾਈਪ ਕਰਨਾ ਇੱਕ ਸੂਪਰਪਾਵਰ ਹੈ! 🚀 ਸੋਚੋ - ਜਿੰਨਾ ਤੇਜ਼ ਤੁਸੀਂ ਆਪਣੇ ਵਿਚਾਰਾਂ ਨੂੰ ਆਪਣੇ ਕੋਡ ਐਡੀਟਰ ਤੱਕ ਪਹੁੰਚਾ ਸਕਦੇ ਹੋ, ਉਨਾ ਹੀ ਜ਼ਿਆਦਾ ਤੁਹਾਡੀ ਕ੍ਰੀਏਟਿਵਿਟੀ ਵਧੇਗੀ। ਇਹ ਤੁਹਾਡੇ ਵਿਚਾਰਾਂ ਅਤੇ ਸਕ੍ਰੀਨ ਦੇ ਵਿਚਕਾਰ ਇੱਕ ਸਿੱਧਾ ਪਾਈਪਲਾਈਨ ਹੋਣ ਵਰਗਾ ਹੈ।

ਕੀ ਤੁਸੀਂ ਇਸ ਹੁਨਰ ਨੂੰ ਹੋਰ ਵਧੀਆ ਬਣਾਉਣ ਦਾ ਤਰੀਕਾ ਜਾਣਨਾ ਚਾਹੁੰਦੇ ਹੋ? ਤੁਸੀਂ ਸਹੀ ਸੋਚਿਆ - ਅਸੀਂ ਇੱਕ ਗੇਮ ਬਣਾਉਣ ਜਾ ਰਹੇ ਹਾਂ!

> ਆਓ ਇੱਕ ਸ਼ਾਨਦਾਰ ਟਾਈਪਿੰਗ ਗੇਮ ਇਕੱਠੇ ਬਣਾਈਏ!

ਤਿਆਰ ਹੋ ਜਾਓ ਆਪਣੇ ਸਾਰੇ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML, ਅਤੇ CSS ਦੇ ਹੁਨਰਾਂ ਨੂੰ ਵਰਤਣ ਲਈ ਜੋ ਤੁਸੀਂ ਸਿੱਖ ਰਹੇ ਹੋ? ਅਸੀਂ ਇੱਕ ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣ ਜਾ ਰਹੇ ਹਾਂ ਜੋ ਤੁਹਾਨੂੰ ਮਹਾਨ ਡਿਟੈਕਟਿਵ [ਸ਼ਰਲਾਕ ਹੋਮਜ਼](https://en.wikipedia.org/wiki/Sherlock_Holmes) ਦੇ ਰੈਂਡਮ ਕੋਟਸ ਨਾਲ ਚੁਣੌਤੀ ਦੇਵੇਗੀ। ਗੇਮ ਟ੍ਰੈਕ ਕਰੇਗੀ ਕਿ ਤੁਸੀਂ ਕਿੰਨੀ ਤੇਜ਼ ਅਤੇ ਸਹੀ ਟਾਈਪ ਕਰਦੇ ਹੋ - ਅਤੇ ਮੈਨੂੰ ਵਿਸ਼ਵਾਸ ਕਰੋ, ਇਹ ਤੁਹਾਨੂੰ ਕਾਫ਼ੀ ਆਕਰਸ਼ਕ ਲੱਗੇਗੀ!

![ਡੈਮੋ](../../../4-typing-game/images/demo.gif)

## ਤੁਹਾਨੂੰ ਕੀ ਜਾਣਨ ਦੀ ਲੋੜ ਹੈ

ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ, ਇਹ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਸੀਂ ਇਹ ਕੌਂਸੈਪਟਸ ਨਾਲ ਕਮਫਰਟੇਬਲ ਹੋ (ਚਿੰਤਾ ਨਾ ਕਰੋ ਜੇ ਤੁਹਾਨੂੰ ਥੋੜ੍ਹਾ ਰੀਫ੍ਰੈਸ਼ਰ ਦੀ ਲੋੜ ਹੈ - ਅਸੀਂ ਸਾਰੇ ਇਸ ਮੋੜ 'ਤੇ ਰਹੇ ਹਾਂ!):

- ਟੈਕਸਟ ਇਨਪੁਟ ਅਤੇ ਬਟਨ ਕੰਟਰੋਲ ਬਣਾਉਣਾ
- CSS ਅਤੇ ਕਲਾਸਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਟਾਈਲ ਸੈਟ ਕਰਨਾ  
- ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ
  - ਇੱਕ ਐਰੇ ਬਣਾਉਣਾ
  - ਇੱਕ ਰੈਂਡਮ ਨੰਬਰ ਬਣਾਉਣਾ
  - ਮੌਜੂਦਾ ਸਮਾਂ ਪ੍ਰਾਪਤ ਕਰਨਾ

ਜੇ ਇਹਨਾਂ ਵਿੱਚੋਂ ਕੋਈ ਵੀ ਚੀਜ਼ ਤੁਹਾਨੂੰ ਥੋੜ੍ਹੀ ਜਿਹੀ ਮੁਸ਼ਕਲ ਲੱਗਦੀ ਹੈ, ਤਾਂ ਕੋਈ ਗੱਲ ਨਹੀਂ! ਕਈ ਵਾਰ ਆਪਣੀ ਜਾਣਕਾਰੀ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰਨ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਛਾਲ ਮਾਰਨਾ ਅਤੇ ਚੀਜ਼ਾਂ ਨੂੰ ਸਮਝਣਾ ਹੁੰਦਾ ਹੈ।

## ਆਓ ਇਸਨੂੰ ਬਣਾਈਏ!

[ਇਵੈਂਟ ਡ੍ਰਿਵਨ ਪ੍ਰੋਗਰਾਮਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣਾ](./typing-game/README.md)

## ਸ਼੍ਰੇਯ

♥️ ਨਾਲ ਲਿਖਿਆ [ਕ੍ਰਿਸਟੋਫਰ ਹੈਰਿਸਨ](http://www.twitter.com/geektrainer)

---

**ਅਸਵੀਕਰਤੀ**:  
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ ਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।