# ਇਵੈਂਟ-ਡ੍ਰਿਵਨ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ - ਇੱਕ ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਓ ## ਪਰਿਚਯ ਟਾਈਪਿੰਗ ਡਿਵੈਲਪਰ ਦੀਆਂ ਸਭ ਤੋਂ ਅਣਦਿੱਖੀਆਂ ਕੌਸ਼ਲਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ। ਆਪਣੇ ਵਿਚਾਰਾਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਆਪਣੇ ਐਡੀਟਰ ਤੱਕ ਪਹੁੰਚਾਉਣ ਦੀ ਸਮਰਥਾ ਰਚਨਾਤਮਕਤਾ ਨੂੰ ਬਿਨਾ ਰੁਕਾਵਟ ਦੇ ਵਹਿਣ ਦਿੰਦੀ ਹੈ। ਸਿਖਣ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਇੱਕ ਗੇਮ ਖੇਡਣਾ ਹੈ! > ਤਾਂ ਆਓ, ਇੱਕ ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਈਏ! ਤੁਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML ਅਤੇ CSS ਦੇ ਉਹ ਕੌਸ਼ਲ ਵਰਤੋਂਗੇ ਜੋ ਤੁਸੀਂ ਹੁਣ ਤੱਕ ਸਿੱਖੇ ਹਨ, ਇੱਕ ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣ ਲਈ। ਗੇਮ ਖਿਡਾਰੀ ਨੂੰ ਇੱਕ ਰੈਂਡਮ ਕੋਟ (ਅਸੀਂ [ਸ਼ੇਰਲਾਕ ਹੋਮਜ਼](https://en.wikipedia.org/wiki/Sherlock_Holmes) ਦੇ ਕੋਟਸ ਵਰਤ ਰਹੇ ਹਾਂ) ਦੇਵੇਗੀ ਅਤੇ ਇਹ ਮਾਪੇਗੀ ਕਿ ਖਿਡਾਰੀ ਨੂੰ ਇਸਨੂੰ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਟਾਈਪ ਕਰਨ ਵਿੱਚ ਕਿੰਨਾ ਸਮਾਂ ਲੱਗਦਾ ਹੈ। ਤੁਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML ਅਤੇ CSS ਦੇ ਉਹ ਕੌਸ਼ਲ ਵਰਤੋਂਗੇ ਜੋ ਤੁਸੀਂ ਹੁਣ ਤੱਕ ਸਿੱਖੇ ਹਨ, ਇੱਕ ਟਾਈਪਿੰਗ ਗੇਮ ਬਣਾਉਣ ਲਈ। ![ਡੈਮੋ](../../../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) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਯਤਨਸ਼ੀਲ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚੀਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।