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 @@ + + +
++ 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 @@ + + + + +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 @@
+
+
+
+
+ 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 @@ + + + + +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 @@ + + + + +JavaScript can show hidden HTML elements.
+ + + + + + + \ 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 @@ + + + + + + + + + +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 @@ + + + + +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 @@ + + + + +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 @@ + + + + +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 @@ + + + + +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 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 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 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 @@ + + + + +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 0000000..65cacdd Binary files /dev/null and b/pic_bulboff.gif differ diff --git a/pic_bulbon.gif b/pic_bulbon.gif new file mode 100644 index 0000000..72ecfc4 Binary files /dev/null and b/pic_bulbon.gif differ