From 7f4592cc16fb35bf02615726f5e76204e8486e2d Mon Sep 17 00:00:00 2001
From: Mathi Krishnan <76192299+mathisudar@users.noreply.github.com>
Date: Mon, 26 Jan 2026 17:42:43 +0000
Subject: [PATCH] 0014_JavaScript
0014_JavaScript
---
0001_change_content.html | 20 ++++++++++++++++++++
0002_change_attributes.html | 24 ++++++++++++++++++++++++
0003_change_css.html | 15 +++++++++++++++
0004_hide_content.html | 13 +++++++++++++
0005_show_hidden.html | 15 +++++++++++++++
0006_JS_head.html | 22 ++++++++++++++++++++++
0007_JS_body.html | 20 ++++++++++++++++++++
0008_JS_extFile.html | 17 +++++++++++++++++
0009_JS_extURL.html | 17 +++++++++++++++++
0010_JS_extFolder.html | 17 +++++++++++++++++
0011_JS_OUT_html.html | 16 ++++++++++++++++
0012_JS_OUT_Element.html | 15 +++++++++++++++
0013_JS_OUT_WindowAlert.html | 13 +++++++++++++
0014_JS_OUT_Console.html | 16 ++++++++++++++++
myScript.js | 4 ++++
pic_bulboff.gif | Bin 0 -> 2493 bytes
pic_bulbon.gif | Bin 0 -> 2554 bytes
17 files changed, 244 insertions(+)
create mode 100644 0001_change_content.html
create mode 100644 0002_change_attributes.html
create mode 100644 0003_change_css.html
create mode 100644 0004_hide_content.html
create mode 100644 0005_show_hidden.html
create mode 100644 0006_JS_head.html
create mode 100644 0007_JS_body.html
create mode 100644 0008_JS_extFile.html
create mode 100644 0009_JS_extURL.html
create mode 100644 0010_JS_extFolder.html
create mode 100644 0011_JS_OUT_html.html
create mode 100644 0012_JS_OUT_Element.html
create mode 100644 0013_JS_OUT_WindowAlert.html
create mode 100644 0014_JS_OUT_Console.html
create mode 100644 myScript.js
create mode 100644 pic_bulboff.gif
create mode 100644 pic_bulbon.gif
diff --git a/0001_change_content.html b/0001_change_content.html
new file mode 100644
index 0000000..e9e303c
--- /dev/null
+++ b/0001_change_content.html
@@ -0,0 +1,20 @@
+
+
+
+ What can JS Do ?
+
+
+ JS can change HTML content.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/0002_change_attributes.html b/0002_change_attributes.html
new file mode 100644
index 0000000..74994fe
--- /dev/null
+++ b/0002_change_attributes.html
@@ -0,0 +1,24 @@
+
+
+
+
+ What Can JavaScript Do?
+
+ JavaScript can change HTML attribute values.
+
+ In this case JavaScript changes the value of the src (source)
+ attribute of an image.
+
+
+
+
+ 
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/0003_change_css.html b/0003_change_css.html
new file mode 100644
index 0000000..f4a5202
--- /dev/null
+++ b/0003_change_css.html
@@ -0,0 +1,15 @@
+
+
+
+
+ What Can JavaScript Do?
+
+ JavaScript can change the style of an HTML element.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/0004_hide_content.html b/0004_hide_content.html
new file mode 100644
index 0000000..fe02581
--- /dev/null
+++ b/0004_hide_content.html
@@ -0,0 +1,13 @@
+
+
+
+
+ What Can JavaScript Do?
+
+ JavaScript can hide HTML elements.
+
+
+
+
+
\ No newline at end of file
diff --git a/0005_show_hidden.html b/0005_show_hidden.html
new file mode 100644
index 0000000..b464bc3
--- /dev/null
+++ b/0005_show_hidden.html
@@ -0,0 +1,15 @@
+
+
+
+
+What Can JavaScript Do?
+
+JavaScript can show hidden HTML elements.
+
+Hello JavaScript!
+
+
+
+
+
\ No newline at end of file
diff --git a/0006_JS_head.html b/0006_JS_head.html
new file mode 100644
index 0000000..9a6ec41
--- /dev/null
+++ b/0006_JS_head.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+ Demo JavaScript in Head
+
+ A Paragraph.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/0007_JS_body.html b/0007_JS_body.html
new file mode 100644
index 0000000..dae9e6c
--- /dev/null
+++ b/0007_JS_body.html
@@ -0,0 +1,20 @@
+
+
+
+
+ Demo JavaScript in Body
+
+ A Paragraph.
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/0008_JS_extFile.html b/0008_JS_extFile.html
new file mode 100644
index 0000000..00b075d
--- /dev/null
+++ b/0008_JS_extFile.html
@@ -0,0 +1,17 @@
+
+
+
+
+ Demo External JavaScript
+
+ A Paragraph.
+
+
+
+ This example links to "myScript.js".
+ (myFunction is stored in "myScript.js")
+
+
+
+
+
\ No newline at end of file
diff --git a/0009_JS_extURL.html b/0009_JS_extURL.html
new file mode 100644
index 0000000..0066091
--- /dev/null
+++ b/0009_JS_extURL.html
@@ -0,0 +1,17 @@
+
+
+
+
+ External JavaScript
+
+ A Paragraph.
+
+
+
+ This example uses a full web URL to link to "myScript.js".
+ (myFunction is stored in "myScript.js")
+
+
+
+
+
\ No newline at end of file
diff --git a/0010_JS_extFolder.html b/0010_JS_extFolder.html
new file mode 100644
index 0000000..c5a4340
--- /dev/null
+++ b/0010_JS_extFolder.html
@@ -0,0 +1,17 @@
+
+
+
+
+ External JavaScript
+
+ A Paragraph.
+
+
+
+ This example uses a file path to link to "myScript.js".
+ (myFunction is stored in "myScript.js")
+
+
+
+
+
\ No newline at end of file
diff --git a/0011_JS_OUT_html.html b/0011_JS_OUT_html.html
new file mode 100644
index 0000000..2cb1984
--- /dev/null
+++ b/0011_JS_OUT_html.html
@@ -0,0 +1,16 @@
+
+
+
+
+ My First Web Page
+ My first paragraph.
+
+ Never call document.write after the document has finished loading.
+ It will overwrite the whole document.
+
+
+
+
+
\ No newline at end of file
diff --git a/0012_JS_OUT_Element.html b/0012_JS_OUT_Element.html
new file mode 100644
index 0000000..b75ea01
--- /dev/null
+++ b/0012_JS_OUT_Element.html
@@ -0,0 +1,15 @@
+
+
+
+
+ My First Web Page
+ My First Paragraph.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/0013_JS_OUT_WindowAlert.html b/0013_JS_OUT_WindowAlert.html
new file mode 100644
index 0000000..42f28a5
--- /dev/null
+++ b/0013_JS_OUT_WindowAlert.html
@@ -0,0 +1,13 @@
+
+
+
+
+ My First Web Page
+ My first paragraph.
+
+
+
+
+
diff --git a/0014_JS_OUT_Console.html b/0014_JS_OUT_Console.html
new file mode 100644
index 0000000..8ec427f
--- /dev/null
+++ b/0014_JS_OUT_Console.html
@@ -0,0 +1,16 @@
+
+
+
+
+ Activate Debugging
+
+ F12 on your keyboard will activate debugging.
+ Then select "Console" in the debugger menu.
+ Then click Run again.
+
+
+
+
+
\ No newline at end of file
diff --git a/myScript.js b/myScript.js
new file mode 100644
index 0000000..f429e94
--- /dev/null
+++ b/myScript.js
@@ -0,0 +1,4 @@
+function myFunction() {
+ document.getElementById("demo").innerHTML = "Paragraph changed.";
+ }
+
\ No newline at end of file
diff --git a/pic_bulboff.gif b/pic_bulboff.gif
new file mode 100644
index 0000000000000000000000000000000000000000..65cacddab02fae95a13f5676c9b5ea878ebc3612
GIT binary patch
literal 2493
zcmcIfi8~XH8{gb_?wnbSw9pt5s*zzMH#t{xOtH#+Mc+9hN-~Tgx0U;jP|Y#t2+f@%
z%#rBpD&MbaKfeFN@AJN&<9Xlbd7tMsK^p5^#&`l60pm;ng+gI6X~)H+9V>}R!!l_w
zCW*u(VVNY@$@qBjA88~kjRYf|087FiHw=56P9pX=Vqvfo`Ol6c3GPzq9qN8-7ty_{8x0ZkVSjw%EAXzn*10k0fQgCgo&%yznl1
zm>*0ieC_UQc)u(!3F-c%y0PHV%a*E|%H+291=c0t-qVo<>&69Uyqfn=0PLq+
z!>V1^3WvMXjc)G-_+KN#^Tnu_ac5BqlMPMRNzdO3r(5r746eeDVlE|33yn3)q042VXdG7bvX&Iv
zcJ}(suFQ4dqZy){d3R;<3Qd3HQargL!Nb%1NP$3#jw-1(@#`Nq8J2I+mnT{dyFstcJ070`e6A0DO+SDRIA$LI76aNVokn%XIq*
zN7F(tTN~U?y11pO>;X8{0$L_)qcZ1p^On;Y#6+s)sHgplE7t$8xxxOW-n4W5BPQ+~
z2Bg~F#x8xrb0*vnjAnJ&2!>neAfX1FAh?zH-Piu3^WX%cbwTVqze7-H^03g-Rdy-S
zkKW=O-O}X3x=D=no3qO~!4ejsXjxv}hB?(8du_L*f0AFxy~^^+9K3fX=5R6MgFL5i
zqQp$c9q8)_Y+hswac#!CKl21hJ;1DheWw6cvlqq|e
zAaI9Ek+Kea(6Tz=EED=k2lX9S{M+VbQN8MBWoa*WuNN30M)l)GesEBRPZ3`41Twi#wAyJNSv>>V_eR!{eYBgO|qTmpu^%xy19c04X
zS7}gBZhh!8wf6;eyL59bzRyUSSh-Ue@k%uW+1?Q-KZn{Rhg<E(C3#%XMI9QVt59hQ+{2*{*ry-Q%BNhY1EO^H
zxKh+#sHgLB2asfY%;f+_J&KX0wWb)QCk$N)))cPpJL|o;hpl%woH{pT$R7O$k1~pebdk
zvt`*+RHv#=Yg^Cd3OxDQ9d;oeOY;&519mFHM&J@C#z>l^oNqhiFI!)fA;XSDA&LG@
znL#T(be(=1pWXCox`Uj(lZk@H*paH1`*!lXtB!q-A1XEdF$(s>tp4Wgl4B`Om+#y(^nBl03BOhIqY
zvDtTKPj;YgS>^3{QTL6VGUhblQv-$9WIh5=29%FT3&a7!?u*!fhkicJFKZ2N0HrTUm0B=uNk+3
zNegYB
z!kXxMl#=yqd<65S({jHWc`A^+8fNhOXF_q{(fS|F;DGV_AxRK7m!AAkLUKZk?6Rc1
z-IV2)@U=BQ=P1aSqkt^YE;ULTGY2tmC&rT{=29lUL7KjEnUW?~Di&C{=|gcpNNEQy
zroh?rPf)>4SNF~dS{tdvK!{$ZPrY0#jP1%w`Ohx9n~0liaJJt)aCKl;IDhGD!=jXC
zYc+%P{14WxKuyh9cw-p18f}%cuG@6rxo$EGm$O^w93Vke1y&obFMEG+xtMqUKaigVymus*&?bpF}xK0Opr;`BA
zwDVK7+DSZ`a9>?Tl$v#TB%$|(4Rx9ol{H2Kes0UW2TS5<3hg$BorVU#*+HY>{WbuX
zb6ADT45g^>L1&39{mFh$23UWnF@}jyzspB}*-rJ!Y+n#FzKqJl0;xE59
zmOAu?L{w}ksQ}>BEykd1yP3@yX!K)PG|R;myt_uNAwPbRRZagHl@}wCe33(4ss+=>
ltF?Qs(eH7hdU&4;nuE&@&LUY0;0$^sA@ErOVE_Q={SQ@6g0KJp
literal 0
HcmV?d00001
diff --git a/pic_bulbon.gif b/pic_bulbon.gif
new file mode 100644
index 0000000000000000000000000000000000000000..72ecfc4ae0318e237e31d39e7c5a6516d99bb971
GIT binary patch
literal 2554
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
literal 0
HcmV?d00001