diff --git a/JavaScript/Advance/DOM/4. HTML DOM/images/js-logo.png b/JavaScript/Advance/DOM/4. HTML DOM/images/js-logo.png new file mode 100644 index 0000000..4637ac9 Binary files /dev/null and b/JavaScript/Advance/DOM/4. HTML DOM/images/js-logo.png differ diff --git a/JavaScript/Advance/DOM/4. HTML DOM/images/one.jpg b/JavaScript/Advance/DOM/4. HTML DOM/images/one.jpg new file mode 100644 index 0000000..6560703 Binary files /dev/null and b/JavaScript/Advance/DOM/4. HTML DOM/images/one.jpg differ diff --git a/JavaScript/Advance/DOM/4. HTML DOM/images/two.jpg b/JavaScript/Advance/DOM/4. HTML DOM/images/two.jpg new file mode 100644 index 0000000..2d11660 Binary files /dev/null and b/JavaScript/Advance/DOM/4. HTML DOM/images/two.jpg differ diff --git a/JavaScript/Advance/DOM/4. HTML DOM/index.html b/JavaScript/Advance/DOM/4. HTML DOM/index.html new file mode 100644 index 0000000..ff4874d --- /dev/null +++ b/JavaScript/Advance/DOM/4. HTML DOM/index.html @@ -0,0 +1,29 @@ + + + + + + + + DOM-Changing-HTML + + + + + + +

DOM-Changing HTML

+

Example One

+

Hello There

+

+

Example Two

+
+ +

Example Three

+

+

Example Four

+

+ + + + \ No newline at end of file diff --git a/JavaScript/Advance/DOM/4. HTML DOM/script.js b/JavaScript/Advance/DOM/4. HTML DOM/script.js new file mode 100644 index 0000000..566643e --- /dev/null +++ b/JavaScript/Advance/DOM/4. HTML DOM/script.js @@ -0,0 +1,25 @@ +//Example One +let textOne = document.getElementById('textOne'); + +function DisplayOne() { + textOne.innerHTML = "Hope you are Fine"; +} +// Example Two +let imgOne = document.getElementById('imgOne'); + +function DisplayTwo() { + imgOne.src = "images/two.jpg" +} +// Example Three +let textTwo = document.getElementById('textTwo'); + +function DisplayThree() { + textTwo.innerHTML = "Date" + Date(); +} +DisplayThree(); + +// Example Four + +let textThree = document.getElementById('textThree'); + +textThree.innerHTML = document.write(Date()) \ No newline at end of file diff --git a/JavaScript/Advance/DOM/4. HTML DOM/style.css b/JavaScript/Advance/DOM/4. HTML DOM/style.css new file mode 100644 index 0000000..61072c8 --- /dev/null +++ b/JavaScript/Advance/DOM/4. HTML DOM/style.css @@ -0,0 +1,8 @@ +h2 { + font-family: monospace; +} + +img { + height: 300px; + width: 300px; +} \ No newline at end of file