$lang['tuto'] = "ਟਿ utorial ਟੋਰਿਅਲਸ"; ?> ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ

ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਐਂਡਰਾਇਡ ਵਿੱਚ ਇੱਕ ਵਾਈਬ੍ਰੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾ ਬਣਾਉਣਾ

Temp mail SuperHeros
ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਐਂਡਰਾਇਡ ਵਿੱਚ ਇੱਕ ਵਾਈਬ੍ਰੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾ ਬਣਾਉਣਾ
ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਐਂਡਰਾਇਡ ਵਿੱਚ ਇੱਕ ਵਾਈਬ੍ਰੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾ ਬਣਾਉਣਾ

ਮੋਬਾਈਲ ਡਿਵਾਈਸਿਸ ਲਈ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕੰਟਰੋਲ: ਇਸਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ

ਡਿਵਾਈਸ ਵਾਈਬ੍ਰੇਸ਼ਨਾਂ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨਾ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਇੱਕ ਉਪਯੋਗੀ ਵਿਸ਼ੇਸ਼ਤਾ ਹੋ ਸਕਦਾ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਜਦੋਂ ਮੋਬਾਈਲ ਡਿਵਾਈਸਾਂ 'ਤੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਫੀਡਬੈਕ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ। ਦੇ ਨਾਲ JavaScript ਨੇਵੀਗੇਟਰ API, ਡਿਵੈਲਪਰਾਂ ਕੋਲ ਸਮਰਥਿਤ ਡਿਵਾਈਸਾਂ 'ਤੇ ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਟਰਿੱਗਰ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਹੈ। ਹਾਲਾਂਕਿ, ਐਂਡਰਾਇਡ 'ਤੇ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਲਾਗੂ ਕਰਨਾ ਮੁਸ਼ਕਲ ਹੋ ਸਕਦਾ ਹੈ।

ਜਦਕਿ ਹੁਕਮ navigator.vibrate(1000) ਸਿੱਧੇ ਲੱਗ ਸਕਦੇ ਹਨ, ਮੋਬਾਈਲ ਬ੍ਰਾਊਜ਼ਰਾਂ ਰਾਹੀਂ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਇਸ ਕਾਰਜਕੁਸ਼ਲਤਾ ਦੀ ਜਾਂਚ ਕਰਦੇ ਸਮੇਂ ਅਕਸਰ ਸਮੱਸਿਆਵਾਂ ਹੁੰਦੀਆਂ ਹਨ। ਕੁਝ ਮੋਬਾਈਲ ਬ੍ਰਾਊਜ਼ਰ, ਜਿਵੇਂ ਕਰੋਮ, ਵੈਬ ਸੰਦਰਭ ਦੇ ਅੰਦਰ ਨਾ ਚੱਲਣ ਤੱਕ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕਮਾਂਡਾਂ ਦਾ ਜਵਾਬ ਨਹੀਂ ਦੇ ਸਕਦਾ ਹੈ। ਇਹ ਸਮਝਣਾ ਕਿ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ ਇਸਦੀ ਕਾਰਜਕੁਸ਼ਲਤਾ ਦੀ ਕੁੰਜੀ ਹੈ।

ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਖੋਜ ਕਰਾਂਗੇ ਕਿ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ ਵਾਈਬ੍ਰੇਸ਼ਨ ਇੱਕ Android ਡਿਵਾਈਸ 'ਤੇ ਕਮਾਂਡ. ਅਸੀਂ ਸੰਭਾਵਿਤ ਮੁੱਦਿਆਂ ਨੂੰ ਦੇਖਾਂਗੇ, ਉਹਨਾਂ ਨੂੰ ਕਿਵੇਂ ਹੱਲ ਕਰਨਾ ਹੈ, ਅਤੇ ਇਸ API ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ ਕੀ ਵਿਚਾਰ ਕਰਨਾ ਹੈ। ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰਕੇ, ਤੁਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹੋ ਕਿ ਤੁਹਾਡਾ ਫ਼ੋਨ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕਮਾਂਡਾਂ ਨੂੰ ਭਰੋਸੇਯੋਗ ਤਰੀਕੇ ਨਾਲ ਜਵਾਬ ਦੇਵੇਗਾ।

ਅਸੀਂ ਟੂਲਸ ਅਤੇ ਕੰਪਾਈਲਰਸ ਦੀ ਵੀ ਪੜਚੋਲ ਕਰਾਂਗੇ ਜੋ ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ ਸੀਮਾਵਾਂ ਨੂੰ ਬਾਈਪਾਸ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ, ਤੁਹਾਡੀ ਇਜਾਜ਼ਤ ਦਿੰਦੇ ਹੋਏ ਐਂਡਰਾਇਡ ਫੋਨ ਤੁਹਾਡੇ ਵੈਬ ਕੋਡ ਦੇ ਆਧਾਰ 'ਤੇ ਵਾਈਬ੍ਰੇਟ ਕਰਨ ਲਈ। ਆਓ ਇਸ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਹੱਲਾਂ ਵਿੱਚ ਡੁਬਕੀ ਕਰੀਏ।

ਹੁਕਮ ਵਰਤੋਂ ਦੀ ਉਦਾਹਰਨ
navigator.vibrate() ਇਹ ਕਮਾਂਡ ਵੈਬ ਵਾਈਬ੍ਰੇਸ਼ਨ API ਦਾ ਹਿੱਸਾ ਹੈ। ਜੇਕਰ ਸਮਰਥਿਤ ਹੋਵੇ ਤਾਂ ਇਹ ਡਿਵਾਈਸ 'ਤੇ ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਚਾਲੂ ਕਰਦਾ ਹੈ। ਪੈਰਾਮੀਟਰ ਮਿਲੀਸਕਿੰਟ ਜਾਂ ਵਾਈਬ੍ਰੇਸ਼ਨ ਪੈਟਰਨ ਵਿੱਚ ਮਿਆਦ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ।
navigator.vibrate([500, 200, 500]) ਇਹ ਕਮਾਂਡ ਵਾਈਬ੍ਰੇਸ਼ਨ ਪੈਟਰਨ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀ ਹੈ। ਪਹਿਲਾ ਮੁੱਲ (500) ਡਿਵਾਈਸ ਨੂੰ 500ms ਲਈ ਵਾਈਬ੍ਰੇਟ ਕਰਦਾ ਹੈ, ਫਿਰ 200ms ਲਈ ਰੁਕਦਾ ਹੈ, ਅਤੇ 500ms ਲਈ ਦੁਬਾਰਾ ਵਾਈਬ੍ਰੇਟ ਕਰਦਾ ਹੈ।
document.getElementById() ਇਹ ਕਮਾਂਡ ਇਸਦੀ ID ਦੁਆਰਾ ਇੱਕ HTML ਤੱਤ ਦੀ ਚੋਣ ਕਰਦੀ ਹੈ। ਸਕ੍ਰਿਪਟਾਂ ਵਿੱਚ, ਇਹ ਵਾਈਬ੍ਰੇਸ਼ਨ ਫੰਕਸ਼ਨ ਨੂੰ ਆਈਡੀ 'ਵਾਈਬ੍ਰੇਟ' ਦੇ ਨਾਲ ਬਟਨ ਤੱਤ ਨਾਲ ਜੋੜਦਾ ਹੈ।
addEventListener('click') ਇਹ ਵਿਧੀ ਇੱਕ ਇਵੈਂਟ ਲਿਸਨਰ ਨੂੰ ਬਟਨ ਨਾਲ ਜੋੜਦੀ ਹੈ, ਇੱਕ 'ਕਲਿੱਕ' ਇਵੈਂਟ ਸੁਣਦੇ ਹੋਏ। ਜਦੋਂ ਬਟਨ ਦਬਾਇਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਵਾਈਬ੍ਰੇਸ਼ਨ ਫੰਕਸ਼ਨ ਸ਼ੁਰੂ ਹੋ ਜਾਂਦਾ ਹੈ।
try { ... } catch (e) { ... } ਇੱਕ ਕੋਸ਼ਿਸ਼-ਕੈਚ ਬਲਾਕ ਅਪਵਾਦਾਂ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ ਜੋ ਵਾਈਬ੍ਰੇਸ਼ਨ ਫੰਕਸ਼ਨ ਦੇ ਲਾਗੂ ਹੋਣ ਦੌਰਾਨ ਹੋ ਸਕਦਾ ਹੈ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਕੋਈ ਵੀ ਤਰੁੱਟੀਆਂ, ਜਿਵੇਂ ਕਿ ਅਸਮਰਥਿਤ ਵਾਈਬ੍ਰੇਸ਼ਨਾਂ, ਨੂੰ ਫੜਿਆ ਅਤੇ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ।
express() Express.js ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ Node.js ਬੈਕਐਂਡ ਵਿੱਚ ਇੱਕ ਨਵੀਂ ਐਕਸਪ੍ਰੈਸ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਹ ਇੱਕ ਸਰਵਰ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਵਾਈਬ੍ਰੇਸ਼ਨ-ਟਰਿੱਗਰਿੰਗ ਵੈਬ ਪੇਜ ਦੀ ਸੇਵਾ ਕਰਦਾ ਹੈ।
app.get() ਇਹ ਵਿਧੀ ਰੂਟ URL ('/') 'ਤੇ GET ਬੇਨਤੀ ਲਈ ਇੱਕ ਰੂਟ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀ ਹੈ। ਇਹ ਉਪਭੋਗਤਾ ਨੂੰ ਇੱਕ HTML ਪੇਜ ਵਾਪਸ ਭੇਜਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ Node.js ਉਦਾਹਰਨ ਵਿੱਚ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕਾਰਜਸ਼ੀਲਤਾ ਸ਼ਾਮਲ ਹੁੰਦੀ ਹੈ।
app.listen() ਇਹ ਵਿਧੀ ਐਕਸਪ੍ਰੈਸ ਸਰਵਰ ਨੂੰ ਸ਼ੁਰੂ ਕਰਦੀ ਹੈ, ਜਿਸ ਨਾਲ ਇਹ ਇੱਕ ਖਾਸ ਪੋਰਟ (ਉਦਾਹਰਨ ਲਈ, ਪੋਰਟ 3000) 'ਤੇ ਆਉਣ ਵਾਲੀਆਂ HTTP ਬੇਨਤੀਆਂ ਨੂੰ ਸੁਣ ਸਕਦਾ ਹੈ। ਇਹ ਬੈਕਐਂਡ ਸੰਚਾਰ ਲਈ ਜ਼ਰੂਰੀ ਹੈ।
console.error() ਇਹ ਕਮਾਂਡ ਕੰਸੋਲ ਵਿੱਚ ਗਲਤੀ ਸੁਨੇਹਿਆਂ ਨੂੰ ਲਾਗ ਕਰਦੀ ਹੈ। ਸਕ੍ਰਿਪਟਾਂ ਵਿੱਚ, ਇਸਦੀ ਵਰਤੋਂ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕਾਰਜਸ਼ੀਲਤਾ ਵਿੱਚ ਕਿਸੇ ਵੀ ਤਰੁੱਟੀ ਨੂੰ ਫੜਨ ਅਤੇ ਰਿਪੋਰਟ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।

ਮੋਬਾਈਲ ਡਿਵਾਈਸਾਂ ਲਈ ਵਾਈਬ੍ਰੇਸ਼ਨ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਸਮਝਣਾ

ਉੱਪਰ ਦਿੱਤੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ ਤਿਆਰ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ ਵਾਈਬ੍ਰੇਸ਼ਨ API JavaScript ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ Android ਡਿਵਾਈਸਾਂ 'ਤੇ। ਇਹ ਕਾਰਜਕੁਸ਼ਲਤਾ ਇੱਕ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਨਾਲ ਇੰਟਰੈਕਟ ਕਰਦੇ ਸਮੇਂ ਮੋਬਾਈਲ ਡਿਵਾਈਸਾਂ ਨੂੰ ਵਾਈਬ੍ਰੇਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ, ਜੋ ਉਪਭੋਗਤਾ ਫੀਡਬੈਕ ਲਈ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਲਾਭਦਾਇਕ ਹੋ ਸਕਦੀ ਹੈ। ਮੂਲ ਵਿਚਾਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ navigator.vibrate() ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਟਰਿੱਗਰ ਕਰਨ ਦਾ ਤਰੀਕਾ। ਪਹਿਲੀ ਸਕ੍ਰਿਪਟ ਵਿੱਚ, ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਇੱਕ ਬਟਨ ਕਲਿੱਕ ਘਟਨਾ ਨਾਲ ਜੋੜਿਆ ਜਾਂਦਾ ਹੈ। ਜਦੋਂ ਉਪਭੋਗਤਾ ਬਟਨ ਨੂੰ ਦਬਾਉਦਾ ਹੈ, ਤਾਂ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕਮਾਂਡ ਨੂੰ 1 ਸਕਿੰਟ ਲਈ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ, ਸਧਾਰਨ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ।

ਦੂਜੀ ਉਦਾਹਰਣ ਵਿੱਚ, ਅਸੀਂ ਡਿਵਾਈਸ ਅਨੁਕੂਲਤਾ ਲਈ ਇੱਕ ਜਾਂਚ ਜੋੜ ਕੇ ਬੁਨਿਆਦੀ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਵਧਾਉਂਦੇ ਹਾਂ। ਸਾਰੀਆਂ ਡਿਵਾਈਸਾਂ ਜਾਂ ਬ੍ਰਾਊਜ਼ਰ ਵਾਈਬ੍ਰੇਸ਼ਨ API ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ ਹਨ, ਇਸਲਈ ਅਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕੰਡੀਸ਼ਨਲ ਤਰਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ ਕਿ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕਮਾਂਡ ਸਿਰਫ਼ ਸਮਰਥਿਤ ਡਿਵਾਈਸਾਂ 'ਤੇ ਚੱਲਦੀ ਹੈ। ਇਹ ਸਕ੍ਰਿਪਟ ਇੱਕ ਵਾਈਬ੍ਰੇਸ਼ਨ ਪੈਟਰਨ ਵੀ ਪੇਸ਼ ਕਰਦੀ ਹੈ (500ms ਵਾਈਬ੍ਰੇਸ਼ਨ, 200ms ਵਿਰਾਮ, ਇੱਕ ਹੋਰ 500ms ਵਾਈਬ੍ਰੇਸ਼ਨ)। ਇਹ ਪੈਟਰਨ ਇੱਕ ਹੋਰ ਗੁੰਝਲਦਾਰ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜੋ ਵੱਖ-ਵੱਖ ਦ੍ਰਿਸ਼ਾਂ ਲਈ ਲਾਭਦਾਇਕ ਹੋ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਸੂਚਨਾਵਾਂ। ਗਲਤੀਆਂ ਨੂੰ ਸੁਚੱਜੇ ਢੰਗ ਨਾਲ ਸੰਭਾਲਣ ਲਈ ਇੱਥੇ ਟਰਾਈ-ਕੈਚ ਬਲਾਕ ਦੀ ਵਰਤੋਂ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਅਸਮਰਥਿਤ ਡਿਵਾਈਸਾਂ 'ਤੇ ਸਕ੍ਰਿਪਟ ਨੂੰ ਟੁੱਟਣ ਤੋਂ ਰੋਕਦੀ ਹੈ।

ਤੀਜੀ ਉਦਾਹਰਨ ਇੱਕ ਬੈਕਐਂਡ ਹੱਲ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਵਾਲੇ ਇੱਕ ਵਧੇਰੇ ਉੱਨਤ ਸੈੱਟਅੱਪ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ Node.js ਅਤੇ Express.js. ਇਹ ਪਹੁੰਚ ਲਾਭਦਾਇਕ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਸਰਵਰ-ਸਾਈਡ ਐਪਲੀਕੇਸ਼ਨ ਤੋਂ ਚਾਲੂ ਕੀਤਾ ਜਾਵੇ। ਬੈਕਐਂਡ ਤੋਂ ਇੱਕ HTML ਪੰਨੇ ਦੀ ਸੇਵਾ ਕਰਕੇ, ਉਪਭੋਗਤਾ ਇੱਕ ਬਟਨ ਨਾਲ ਇੰਟਰੈਕਟ ਕਰ ਸਕਦਾ ਹੈ ਜੋ ਇੱਕ ਵਾਈਬ੍ਰੇਸ਼ਨ ਬੇਨਤੀ ਭੇਜਦਾ ਹੈ। ਇਹ ਵਿਧੀ ਅਕਸਰ ਵੱਡੀਆਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਜਿੱਥੇ ਫਰੰਟਐਂਡ ਬੈਕਐਂਡ ਸੇਵਾਵਾਂ ਨਾਲ ਇੰਟਰੈਕਟ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਵਾਈਬ੍ਰੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾ ਗਤੀਸ਼ੀਲ ਵੈਬ ਸਮੱਗਰੀ ਦੁਆਰਾ ਪਹੁੰਚਯੋਗ ਹੁੰਦੀ ਹੈ।

ਕੁੱਲ ਮਿਲਾ ਕੇ, ਇਹ ਸਕ੍ਰਿਪਟਾਂ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟ ਦੇ ਦਾਇਰੇ ਅਤੇ ਵਾਤਾਵਰਣ 'ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹੋਏ, ਵਾਈਬ੍ਰੇਸ਼ਨਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੇ ਕਈ ਤਰੀਕਿਆਂ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦੀਆਂ ਹਨ। ਜਦੋਂ ਕਿ ਪਹਿਲੀਆਂ ਦੋ ਉਦਾਹਰਣਾਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਫਰੰਟਐਂਡ JavaScript 'ਤੇ ਫੋਕਸ ਕਰਦੀਆਂ ਹਨ, ਤੀਜੀ ਹੋਰ ਗੁੰਝਲਦਾਰ ਵਰਤੋਂ ਦੇ ਮਾਮਲਿਆਂ ਲਈ ਬੈਕਐਂਡ ਪਹੁੰਚ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ। ਹਰੇਕ ਸਕ੍ਰਿਪਟ ਲਈ, ਮੁੱਖ ਕਾਰਕ ਜਿਵੇਂ ਕਿ ਡਿਵਾਈਸ ਅਨੁਕੂਲਤਾ, ਗਲਤੀ ਹੈਂਡਲਿੰਗ, ਅਤੇ ਘਟਨਾ ਸੁਣਨ ਵਾਲੇ ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕਾਰਜਕੁਸ਼ਲਤਾ ਸੁਚਾਰੂ ਅਤੇ ਕੁਸ਼ਲਤਾ ਨਾਲ ਕੰਮ ਕਰਦੀ ਹੈ। ਇਹ ਉਦਾਹਰਣਾਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਬਣਾਉਣ ਲਈ ਇੱਕ ਬੁਨਿਆਦ ਪ੍ਰਦਾਨ ਕਰਦੀਆਂ ਹਨ ਜੋ ਮੋਬਾਈਲ ਪਲੇਟਫਾਰਮਾਂ 'ਤੇ ਉਪਭੋਗਤਾ ਦੀ ਸ਼ਮੂਲੀਅਤ ਨੂੰ ਵਧਾ ਸਕਦੀਆਂ ਹਨ।

ਹੱਲ 1: ਐਂਡਰੌਇਡ 'ਤੇ ਮੂਲ JavaScript ਵਾਈਬ੍ਰੇਸ਼ਨ ਲਾਗੂ ਕਰਨਾ

ਇਹ ਪਹੁੰਚ ਡਿਵਾਈਸ ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਟਰਿੱਗਰ ਕਰਨ ਲਈ HTML ਦੇ ਨਾਲ ਮਿਆਰੀ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ। ਅਸੀਂ ਦਾ ਲਾਭ ਉਠਾਉਂਦੇ ਹਾਂ navigator.vibrate() ਫੰਕਸ਼ਨ, ਇਸਨੂੰ ਸਿੱਧੇ ਫਰੰਟ-ਐਂਡ 'ਤੇ ਇੱਕ ਬਟਨ ਕਲਿੱਕ ਇਵੈਂਟ ਨਾਲ ਬਾਈਡਿੰਗ ਕਰਦਾ ਹੈ।

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vibrate Example</title>
</head>
<body>
<h3>Vibrate Button Example</h3>
<button id="vibrate">Vibrate for 1 second</button>
<script>
document.getElementById('vibrate').addEventListener('click', function() {
  if (navigator.vibrate) {
    // Vibrate for 1000 milliseconds (1 second)
    navigator.vibrate(1000);
  } else {
    alert('Vibration API not supported');
  }
});
</script>
</body>
</html>

ਹੱਲ 2: ਅਸਮਰਥਿਤ ਡਿਵਾਈਸਾਂ ਲਈ ਫਾਲਬੈਕ ਦੇ ਨਾਲ ਪ੍ਰਗਤੀਸ਼ੀਲ ਸੁਧਾਰ

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Enhanced Vibration Example</title>
</head>
<body>
<h3>Vibrate Button with Device Check</h3>
<button id="vibrate">Test Vibration</button>
<script>
document.getElementById('vibrate').addEventListener('click', function() {
  if (navigator.vibrate) {
    try {
      // Vibrate pattern: 500ms vibration, 200ms pause, 500ms vibration
      navigator.vibrate([500, 200, 500]);
    } catch (e) {
      console.error('Vibration failed:', e);
    }
  } else {
    alert('Vibration API is not supported on your device');
  }
});
</script>
</body>
</html>

ਹੱਲ 3: Express.js ਨਾਲ Node.js ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਬੈਕਐਂਡ ਟ੍ਰਿਗਰ

ਇਹ ਬੈਕਐਂਡ ਹੱਲ ਇੱਕ ਵੈਬ ਪੇਜ ਨੂੰ ਸਰਵ ਕਰਨ ਲਈ Node.js ਅਤੇ Express.js ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਜੋ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਫ਼ੋਨ ਦੀ ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਚਾਲੂ ਕਰਦਾ ਹੈ। ਇਹ ਪਹੁੰਚ ਆਦਰਸ਼ ਹੈ ਜਦੋਂ ਸਰਵਰ ਸਾਈਡ ਤੋਂ ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
  res.send(`
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Backend Vibrate</title>
</head>
<body>
<h3>Click to Vibrate</h3>
<button id="vibrate">Vibrate from Server</button>
<script>
document.getElementById('vibrate').addEventListener('click', function() {
  if (navigator.vibrate) {
    navigator.vibrate(1000);
  } else {
    alert('Vibration API not supported');
  }
});
</script>
</body>
</html>`);
});
app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

ਵੈਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਵਾਈਬ੍ਰੇਸ਼ਨ API ਦੀ ਉੱਨਤ ਵਰਤੋਂ

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

ਇੱਕ ਹੋਰ ਮਹੱਤਵਪੂਰਨ ਵਿਚਾਰ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਅਤੇ ਪਹੁੰਚਯੋਗਤਾ ਹੈ। ਵਾਈਬ੍ਰੇਸ਼ਨ API ਖਾਸ ਅਸਮਰਥਤਾਵਾਂ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਪਹੁੰਚਯੋਗਤਾ ਵਿੱਚ ਸੁਧਾਰ ਕਰ ਸਕਦਾ ਹੈ, ਔਨ-ਸਕ੍ਰੀਨ ਇਵੈਂਟਾਂ ਦੇ ਜਵਾਬ ਵਿੱਚ ਹੈਪਟਿਕ ਫੀਡਬੈਕ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ। ਲੰਬੇ ਜਾਂ ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਵਾਈਬ੍ਰੇਸ਼ਨ ਪੈਟਰਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਡਿਵੈਲਪਰ ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਵਧੇਰੇ ਸੰਮਲਿਤ ਬਣਾ ਸਕਦੇ ਹਨ, ਸਾਰੇ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਆਪਸੀ ਤਾਲਮੇਲ ਦਾ ਇੱਕ ਠੋਸ ਰੂਪ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ। ਇਹ ਜਾਂਚ ਕਰਨਾ ਜ਼ਰੂਰੀ ਹੈ ਕਿ ਵੱਖ-ਵੱਖ ਡਿਵਾਈਸਾਂ ਅਤੇ ਬ੍ਰਾਉਜ਼ਰ ਇਹਨਾਂ ਪੈਟਰਨਾਂ ਨੂੰ ਕਿਵੇਂ ਸੰਭਾਲਦੇ ਹਨ ਕਿਉਂਕਿ ਸਾਰੀਆਂ ਡਿਵਾਈਸਾਂ ਇੱਕੋ ਤੀਬਰਤਾ ਜਾਂ ਵਾਈਬ੍ਰੇਸ਼ਨ ਦੀ ਲੰਬਾਈ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੀਆਂ ਹਨ।

ਅੰਤ ਵਿੱਚ, ਵਾਈਬ੍ਰੇਸ਼ਨ ਵਰਗੇ ਬ੍ਰਾਊਜ਼ਰ API ਨੂੰ ਸੰਭਾਲਣ ਵੇਲੇ ਸੁਰੱਖਿਆ ਚਿੰਤਾਵਾਂ ਪੈਦਾ ਹੁੰਦੀਆਂ ਹਨ। ਹਾਲਾਂਕਿ API ਨੁਕਸਾਨਦੇਹ ਜਾਪਦਾ ਹੈ, ਖਰਾਬ ਵਰਤੋਂ—ਜਿਵੇਂ ਕਿ ਬਹੁਤ ਜ਼ਿਆਦਾ ਵਾਈਬ੍ਰੇਸ਼ਨ—ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਘਟਾ ਸਕਦੀ ਹੈ ਜਾਂ ਡਿਵਾਈਸ ਦੀ ਬੈਟਰੀ ਖਤਮ ਕਰ ਸਕਦੀ ਹੈ। ਵਾਈਬ੍ਰੇਸ਼ਨ ਕਮਾਂਡਾਂ ਲਈ ਪਾਬੰਦੀਆਂ ਜਾਂ ਸਮਾਂ ਸਮਾਪਤੀ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਜੋ ਇਹ ਯਕੀਨੀ ਬਣਾਇਆ ਜਾ ਸਕੇ ਕਿ ਵਿਸ਼ੇਸ਼ਤਾ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਹਾਵੀ ਨਾ ਕਰੇ। ਜਿਵੇਂ ਕਿ ਕਿਸੇ ਵੀ ਨਾਲ ਬਰਾਊਜ਼ਰ API, ਵਾਈਬ੍ਰੇਸ਼ਨ ਫੰਕਸ਼ਨ ਦੀ ਜ਼ਿੰਮੇਵਾਰੀ ਨਾਲ ਵਰਤੋਂ ਕਰਨਾ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਉਪਭੋਗਤਾ ਦੀ ਸੰਤੁਸ਼ਟੀ ਦੋਵਾਂ ਨੂੰ ਬਣਾਈ ਰੱਖਣ ਦੀ ਕੁੰਜੀ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਵੱਡੇ ਪੈਮਾਨੇ ਦੀਆਂ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ।

JavaScript ਨਾਲ ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਲਾਗੂ ਕਰਨ ਬਾਰੇ ਆਮ ਸਵਾਲ

  1. ਮੈਂ ਇਹ ਕਿਵੇਂ ਯਕੀਨੀ ਬਣਾਵਾਂ ਕਿ ਵਾਈਬ੍ਰੇਸ਼ਨ ਫੰਕਸ਼ਨ ਸਾਰੀਆਂ ਡਿਵਾਈਸਾਂ ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ?
  2. ਸਹਾਇਤਾ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਜਾਂਚ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ navigator.vibrate ਫੰਕਸ਼ਨ ਨੂੰ ਚਲਾਉਣ ਤੋਂ ਪਹਿਲਾਂ. ਨਾਲ ਹੀ, ਅਨੁਕੂਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਵੱਖ-ਵੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਐਂਡਰਾਇਡ ਸੰਸਕਰਣਾਂ ਵਿੱਚ ਟੈਸਟ ਕਰੋ।
  3. ਕੀ ਮੈਂ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਵਾਈਬ੍ਰੇਸ਼ਨ ਪੈਟਰਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹਾਂ?
  4. ਹਾਂ, ਤੁਸੀਂ ਮੁੱਲਾਂ ਦੀ ਇੱਕ ਐਰੇ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੈਟਰਨ ਬਣਾ ਸਕਦੇ ਹੋ navigator.vibrate([100, 50, 100]) ਜਿੱਥੇ ਹਰੇਕ ਨੰਬਰ ਮਿਲੀਸਕਿੰਟ ਵਿੱਚ ਇੱਕ ਮਿਆਦ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ।
  5. ਕੀ ਹੁੰਦਾ ਹੈ ਜੇਕਰ ਡਿਵਾਈਸ ਵਾਈਬ੍ਰੇਸ਼ਨ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੀ ਹੈ?
  6. ਜੇਕਰ ਡਿਵਾਈਸ ਜਾਂ ਬ੍ਰਾਊਜ਼ਰ ਇਸਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ, ਤਾਂ navigator.vibrate ਫੰਕਸ਼ਨ ਗਲਤ ਵਾਪਸ ਕਰੇਗਾ, ਅਤੇ ਕੁਝ ਨਹੀਂ ਹੋਵੇਗਾ। ਤੁਸੀਂ ਅਸਮਰਥਿਤ ਡਿਵਾਈਸਾਂ ਲਈ ਫਾਲਬੈਕ ਚੇਤਾਵਨੀ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹੋ।
  7. ਕੀ ਇਸਦੀ ਕੋਈ ਸੀਮਾ ਹੈ ਕਿ ਮੈਂ ਕਿੰਨੀ ਦੇਰ ਤੱਕ ਫ਼ੋਨ ਵਾਈਬ੍ਰੇਟ ਕਰ ਸਕਦਾ/ਸਕਦੀ ਹਾਂ?
  8. ਹਾਂ, ਬਹੁਤ ਸਾਰੇ ਬ੍ਰਾਊਜ਼ਰ ਪ੍ਰਦਰਸ਼ਨ ਕਾਰਨਾਂ ਕਰਕੇ ਵੱਧ ਤੋਂ ਵੱਧ ਵਾਈਬ੍ਰੇਸ਼ਨ ਦੀ ਮਿਆਦ ਲਗਾਉਂਦੇ ਹਨ, ਖਾਸ ਤੌਰ 'ਤੇ ਉਪਭੋਗਤਾ ਦੀ ਬੇਅਰਾਮੀ ਤੋਂ ਬਚਣ ਲਈ ਕੁਝ ਸਕਿੰਟਾਂ ਤੋਂ ਵੱਧ ਨਹੀਂ।
  9. ਕੀ ਵਾਈਬ੍ਰੇਸ਼ਨ ਨੂੰ ਸੂਚਨਾਵਾਂ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ?
  10. ਹਾਂ, ਵਾਈਬ੍ਰੇਸ਼ਨ ਦੀ ਵਰਤੋਂ ਅਕਸਰ ਵੈੱਬ ਸੂਚਨਾਵਾਂ ਜਾਂ ਅਲਾਰਮਾਂ ਵਿੱਚ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜਦੋਂ ਕੋਈ ਖਾਸ ਘਟਨਾ ਵਾਪਰਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਸੁਨੇਹਾ ਪ੍ਰਾਪਤ ਕਰਨਾ ਜਾਂ ਕੋਈ ਕੰਮ ਪੂਰਾ ਕਰਨਾ।

ਮੋਬਾਈਲ ਵਾਈਬ੍ਰੇਸ਼ਨ ਕੰਟਰੋਲ 'ਤੇ ਅੰਤਿਮ ਵਿਚਾਰ

ਐਂਡਰੌਇਡ ਲਈ JavaScript ਵਿੱਚ ਇੱਕ ਫੰਕਸ਼ਨਲ ਵਾਈਬ੍ਰੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾ ਬਣਾਉਣ ਲਈ ਇਸ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਝ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਵਾਈਬ੍ਰੇਸ਼ਨ API. ਸਹੀ API ਜਾਂਚਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਤੇ ਪੈਟਰਨਾਂ ਨੂੰ ਲਾਗੂ ਕਰਕੇ, ਤੁਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹੋ ਕਿ ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਇੱਕ ਨਿਰਵਿਘਨ ਅਨੁਭਵ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ।

Node.js ਦੇ ਨਾਲ ਬੈਕਐਂਡ ਹੱਲ ਸ਼ਾਮਲ ਕਰਨਾ ਅਤੇ ਗਲਤੀ ਦੇ ਮਾਮਲਿਆਂ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲਣਾ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਬਹੁਪੱਖੀਤਾ ਨੂੰ ਹੋਰ ਵਧਾਉਂਦਾ ਹੈ। ਇਹਨਾਂ ਪਹੁੰਚਾਂ ਦੇ ਨਾਲ, ਤੁਹਾਡੀ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਭਰੋਸੇਯੋਗ ਅਤੇ ਦਿਲਚਸਪ ਗੱਲਬਾਤ ਪ੍ਰਦਾਨ ਕਰੇਗੀ, ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਦੋਵਾਂ ਵਿੱਚ ਸੁਧਾਰ ਕਰੇਗੀ।

ਵਾਈਬ੍ਰੇਸ਼ਨ ਲਾਗੂ ਕਰਨ ਲਈ ਸਰੋਤ ਅਤੇ ਹਵਾਲੇ
  1. 'ਤੇ ਜਾਣਕਾਰੀ ਵਾਈਬ੍ਰੇਸ਼ਨ API ਅਧਿਕਾਰਤ ਮੋਜ਼ੀਲਾ ਡਿਵੈਲਪਰ ਨੈੱਟਵਰਕ ਦਸਤਾਵੇਜ਼ਾਂ ਤੋਂ ਪ੍ਰਾਪਤ ਕੀਤਾ ਗਿਆ ਸੀ। ਫੇਰੀ MDN ਵੈੱਬ ਡੌਕਸ ਵਿਸਤ੍ਰਿਤ ਜਾਣਕਾਰੀ ਲਈ।
  2. JavaScript ਇਵੈਂਟ ਹੈਂਡਲਿੰਗ ਅਤੇ DOM ਹੇਰਾਫੇਰੀ ਦੇ ਹਵਾਲੇ ਆਨ ਟਿਊਟੋਰਿਅਲ ਤੋਂ ਲਏ ਗਏ ਸਨ W3 ਸਕੂਲ .
  3. ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਬੈਕਐਂਡ ਏਕੀਕਰਣ Node.js ਅਤੇ Express.js 'ਤੇ ਉਪਲਬਧ ਅਧਿਕਾਰਤ ਗਾਈਡ ਤੋਂ ਅਪਣਾਇਆ ਗਿਆ ਸੀ Express.js ਦਸਤਾਵੇਜ਼ .