diff --git a/DOM.js b/DOM.js
new file mode 100644
index 0000000..f5dc3d3
--- /dev/null
+++ b/DOM.js
@@ -0,0 +1,21 @@
+function sentenceChange() {
+    document.getElementById("Paragraph1").textContent =("we are coders!");
+  }  
+
+function addImage () {
+
+    document.getElementById()
+}
+
+function colorchange() {
+    document.getElementById("Paragraph1").style.color = "blue"
+
+}
+
+function fontSize() {
+    document.getElementsByTagName('p').style.size = "40px"
+
+}
+
+document.getElementById("my_button").style.visibility = "hidden";
+
diff --git a/js-dom.html b/js-dom.html
new file mode 100644
index 0000000..3c4fc9c
--- /dev/null
+++ b/js-dom.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title></title>
+
+        <script src="DOM.js"></script>
+
+    </head>
+    <body>
+        <button type="button" onclick="sentenceChange()">change</button>
+        <button id="my_button"  type="button" onclick="delete()">Hide image</button>
+
+            <img id="myImg" src="fist.png" alt="fist">
+
+            <p id="Paragraph1"> Developers for life!</p>
+                
+            <p id="Paragraph2"></p>
+
+
+            
+    
+    </body>
+</html>
\ No newline at end of file
diff --git a/lib/about.html b/lib/about.html
new file mode 100644
index 0000000..44bdf08
--- /dev/null
+++ b/lib/about.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>About me</title>
+        <script src="main.js"></script>
+    </head>
+    <body>
+        <span id="">
+        <ul>
+            <li>Nickname: booboo</li>
+            <li>Favorites: music, pizza, The Office</li>
+            <li>Hometown: Wilmington </li>
+            <li>Random Fact: Black is my favorite color.</li>
+        </ul>
+        </span>
+    </body>
+</html>
\ No newline at end of file
diff --git a/lib/main.js b/lib/main.js
new file mode 100644
index 0000000..e72cf5c
--- /dev/null
+++ b/lib/main.js
@@ -0,0 +1,9 @@
+function fontChange() {
+    document.getElementsByTagName('body').font.family = "Arial, sans-serif"
+
+}
+function colorchange() {
+    document.getElementsByTagName('li').style.color = "blue"
+
+}
+
