Page 87 - COPA VOL II of II - TP -Punjabi
P. 87
IT ਅਤੇ ITES (IT & ITES) ਅਭਿਆਸ 1.32.115
COPA - HTML ਪੰਨਿਆਂ ਵਿੱਚ JavaScript ਏਮਬੇਡ ਕਰੋ ਡਾਇਨਾਮਿਕ
HTML ਪੰਨਿਆਂ ਨੂੰ ਬਣਾਉਣ ਵਿੱਚ JavaScript ਦਾ ਅਭਿਆਸ ਕਰਨਾ
ਉਦੇਸ਼: ਇਸ ਅਭਿਆਸ ਦੇ ਅੰਤ ਵਿੱਚ ਤੁਸੀਂ ਯੋਗ ਹੋਵੋਗੇ
• HTML ਪੰਨੇ ਦੇ <Head > ਭਾਗ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਕੋਡ ਬਣਾਓ
• HTML ਪੰਨੇ ਦੇ <Body > ਭਾਗ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਕੋਡ ਬਣਾਓ
• HTML ਪੇਜ ਦੇ <Head > ਅਤੇ <Body> ਭਾਗ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਕੋਡ ਬਣਾਓ
• ਨਮੂਨਾ JavaScript ਕੋਡ ਬਣਾਓ ਅਤੇ ਚਲਾਓ।
ਵਿਧੀ
ਟਾਸਕ 1: HTML ਪੰਨੇ ਦੇ <ਸਿਰਲੇਖ> ਭਾਗ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਕੋਡ ਬਣਾਓ
ਇੰਸਟ੍ਰਕਟਰ ਲਈ ਨੋਟ: JavaScript ਨੂੰ ਚਲਾਉਣ ਲਈ, ਕੋਈ ਵੀ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਸਥਾਪਤ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿਉਂਕਿ ਸਾਰੇ ਆਧੁਨਿਕ
ਬ੍ਰਾਊਜ਼ਰ JavaScript ਨੂੰ ਮੂਲ ਰੂਪ ਵਿੱਚ ਚਲਾ ਸਕਦੇ ਹਨ।
1 ਨੋਟਪੈਡ ਖੋਲ੍ਹੋ।
2 ਹੇਠਾਂ ਦਿੱਤਾ ਕੋਡ ਟਾਈਪ ਕਰੋ।
10 ਬ੍ਰਾਊਜ਼ਰ ਤੁਹਾਨੂੰ ਚੇਤਾਵਨੀ ਦਿਖਾ ਸਕਦਾ ਹੈ। (ਚਿੱਤਰ 1)
<html>
11 ਜੇਕਰ ਚੇਤਾਵਨੀ ਦਿਖਾਈ ਜਾਂਦੀ ਹੈ, ਤਾਂ ਪੀਲੀ ਚੇਤਾਵਨੀ ਪੱਟੀ 'ਤੇ ਕਲਿੱਕ
<head>
ਕਰੋ।
<script>
function myFunction() { 12 ਬਲੌਕ ਕੀਤੀ ਸਮਗਰੀ ਨੂੰ ਇਜਾਜ਼ਤ ਦਿਓ ਚੁਣੋ।
document.write("hello"); Fig 1
document.write(" world");
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
13 ਇੱਕ ਸੁਰੱਖਿਆ ਚੇਤਾਵਨੀ ਦਿਖਾਈ ਜਾ ਸਕਦੀ ਹੈ (ਚਿੱਤਰ 2)।
</html>
Fig 2
3 ਸੇਵ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
4 ਫਾਈਲ ਨਾਮ ਨੂੰ page1.html ਦੇ ਰੂਪ ਵਿੱਚ ਟਾਈਪ ਕਰੋ।
5 ਸਾਰੀਆਂ ਫ਼ਾਈਲਾਂ ਵਜੋਂ ਫ਼ਾਈਲ ਕਿਸਮ ਚੁਣੋ।
6 ਡੈਸਕਟੌਪ ਜਾਂ ਕਿਸੇ ਹੋਰ ਸਥਾਨ ਵਿੱਚ ਮੰਜ਼ਿਲ ਚੁਣੋ। ਸੇਵ ਉੱਤੇ ਕਲਿਕ ਕਰੋ।
7 ਨੋਟਪੈਡ ਬੰਦ ਕਰੋ।
8 ਹੁਣ ਫਾਈਲ ਡੈਸਟੀਨੇਸ਼ਨ 'ਤੇ ਜਾਓ।
9 ਚਲਾਉਣ ਲਈ ਇਸ 'ਤੇ ਡਬਲ ਕਲਿੱਕ ਕਰੋ।
73
