Page 88 - COPA VOL II of II - TP -Punjabi
P. 88
14 ਹਾਂ 'ਤੇ ਕਲਿੱਕ ਕਰੋ। Fig 3
15 ਹੁਣ ਪੇਜ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਕੋਡ ਨੂੰ ਚਲਾਉਣ ਲਈ "Try it" 'ਤੇ ਕਲਿੱਕ
ਕਰੋ।
16 ਹੈਲੋ ਵਰਲਡ ਨੂੰ ਆਉਟਪੁੱਟ ਵਜੋਂ ਦਿਖਾਇਆ ਜਾਵੇਗਾ। (ਚਿੱਤਰ 3)।
ਟਾਸਕ 2: HTML ਪੰਨੇ ਦੇ <Body > ਭਾਗ ਵਿੱਚ Javasscript ਕੋਡ ਬਣਾਓ
1 ਹੇਠਾਂ ਦਿੱਤੇ ਕੋਡ ਨੂੰ ਲਿਖੋ ਅਤੇ ਸੇਵ ਕਰੋ ਅਤੇ access.html ਨਾਲ ਸੇਵ document.getElementById("p1").innerHTML = "New
ਕਰੋ। text!";
<html> </script>
<body> </body>
<p id="p1">Hello World!</p> </html>
<script>
ਨਵਾਂ ਟੈਕਸਟ!
2 ਇਸ ਫਾਈਲ ਨਾਮ ‘ਤੇ ਡਬਲ ਕਲਿੱਕ ਕਰਕੇ ਇਸਨੂੰ ਚਲਾਓ।
3 ਇਹ ਹੇਠ ਦਿੱਤੀ ਆਉਟਪੁੱਟ ਦਿਖਾਏਗਾ।
ਟਾਸਕ 3: ਇੱਕ HTML ਪੰਨੇ ਦੇ <Head> ਅਤੇ <Body> ਭਾਗ ਵਿੱਚ JavaScript ਕੋਡ ਬਣਾਓ।
1 ਹੇਠਾਂ ਦਿੱਤਾ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਬਣਾਓ ਅਤੇ ਚਲਾਓ। 2 ਕੋਡ ਚਲਾਓ ਅਤੇ ਆਉਟਪੁੱਟ ਦੀ ਜਾਂਚ ਕਰੋ।
<!DOCTYPE html>
<head>
<title> Script in head and body section </title>
<script type = “text/javascript”>
document.writeln(“Good Morning”);
</script>
</head>
<body>
<script type = “text/javascript”>
alert(“Good Evening”);
</script>
</body>
</html>
ਟਾਸਕ 4:ਨਮੂਨਾ JavaScript ਕੋਡ ਬਣਾਓ ਅਤੇ ਚਲਾਓ।
1 ਹੇਠਾਂ ਦਿੱਤਾ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਬਣਾਓ ਅਤੇ ਚਲਾਓ। 3 ਕਿਸੇ ਗੁਣ ਦਾ ਮੁੱਲ ਬਦਲੋ
2 ਹੇਠਾਂ ਦਿੱਤਾ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਬਣਾਓ ਅਤੇ ਚਲਾਓ।
To change the value of an HTML attribute, use this
syntax:
document.getElementById(id).attribute=new value
74 IIT ਅਤੇ ITES : COPA (NSQF - ਸੰਸ਼ੋਿਧਤ 2022) - ਅਿਭਆਸ 1.32.115