Page 90 - COPA VOL II of II - TP -Punjabi
P. 90
IT ਅਤੇ ITES (IT & ITES) ਅਭਿਆਸ 1.32.116
COPA - ਸ਼ਾਮਲ ਕਰੋ ਵਰਤਦੇ
ਵੈੱਬ ਪੰਭਿਆਂ ਭਵੱਚ ਜਾਣਕਾਰੀ ਪਰਰਦਰਭਸ਼ਤ ਕਰਿ ਲਈ HTML ਭਵੱਚ JavaScript ਿੂੰ ਸ਼ਾਮਲ ਕਰੋ (Practicing
the JavaScript in creating dynamic HTML pages)
ਉਦੇਸ਼: ਇਸ ਅਭਿਆਸ ਦੇ ਅੰਤ ਭਿੱਚ ਤੁਸੀਂ ਯੋਗ ਹੋਿੋਗੇ
• HTML ਭਵੱਚ ਬਾਹਰੀ JavaScript ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ
• JavaScript ਿਾਲ ਜਾਣਕਾਰੀ ਪਰਰਦਰਭਸ਼ਤ ਕਰੋ।
ਭਿਧੀ (PROCEDURE)
ਟਾਸਕ 1 : HTML ਭਵੱਚ ਬਾਹਰੀ JavaScript ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਿਾ
1 ਨੋਟਪੈਡ ਖੋਲਹਹੋ। 10 ਸੇਿ ‘ਤੇ ਕਭਲੱਕ ਕਰੋ।
2 ਹੇਠਾਂ ਭਦੱਤਾ ਕੋਡ ਟਾਈਪ ਕਰੋ। 11 ਫਾਈਲ ਨਾਮ js2102.html ਟਾਈਪ ਕਰੋ
function myFunction() { 12 ਸਾਰੀਆਂ ਫ਼ਾਈਲਾਂ ਿਜੋਂ ਫ਼ਾਈਲ ਭਕਸਮ ਦੀ ਚੋਣ ਕਰੋ।
document.write(“hello”); 13 ਡੈਸਕਟਾਪ ਜਾਂ ਭਕਸੇ ਹੋਰ ਸਥਾਨ ਭਿੱਚ ਮੰਭਜ਼ਲ ਚੁਣੋ। ਸੇਿ ‘ਤੇ ਕਭਲੱਕ ਕਰੋ।
document.write(“ world”); 14 ਨੋਟਪੈਡ ਬੰਦ ਕਰੋ।
} 15 ਹੁਣ ਫਾਈਲ ਡੈਸਟੀਨੇਸ਼ਨ ‘ਤੇ ਜਾਓ।
3 ਸੇਿ ‘ਤੇ ਕਭਲੱਕ ਕਰੋ। 16 ਚਲਾਉਣ ਲਈ ਇਸ ‘ਤੇ ਡਬਲ ਕਭਲੱਕ ਕਰੋ।
4 ਫਾਈਲ ਦਾ ਨਾਮ myscript.js ਦੇ ਰੂਪ ਭਿੱਚ ਟਾਈਪ ਕਰੋ। 17 ਭਚੱਤਰ 1 ਅਤੇ ਭਚੱਤਰ 2 ਭਿੱਚ ਦਰਸਾਏ ਗਏ ਆਉਟਪੁੱਟ ਨੂੰ ਿੇਖੋ।
5 ਸਾਰੀਆਂ ਫ਼ਾਈਲਾਂ ਿਜੋਂ ਫ਼ਾਈਲ ਭਕਸਮ ਚੁਣੋ। Fig 1
6 ਡੈਸਕਟਾਪ ਜਾਂ ਭਕਸੇ ਹੋਰ ਭਟਕਾਣੇ ਭਿੱਚ ਮੰਭਜ਼ਲ ਚੁਣੋ। ਸੇਿ ‘ਤੇ ਕਭਲੱਕ
ਕਰੋ।
7 ਨੋਟਪੈਡ ਬੰਦ ਕਰੋ।
8 ਦੁਬਾਰਾ ਨੋਟਪੈਡ ਖੋਲਹਹੋ।
9 ਹੇਠਾਂ ਭਦੱਤਾ ਕੋਡ ਟਾਈਪ ਕਰੋ। (ਭਚੱਤਰ 2)
<html>
<head>
<script type=”text/javascript” src=” myscript.js”> </
script>
</head>
<body>
<h1>My Web Page</h1>
<button type=”button” onclick=”myFunction()”>Try
it</button>
</body>
</html>
76
