diff --git a/dom.js b/dom.js
new file mode 100644
index 0000000..b9c1362
--- /dev/null
+++ b/dom.js
@@ -0,0 +1,12 @@
+let message = document.querySelectorAll('p');
+let p1 = document.querySelector('#one');
+let image = document.createElement('img');
+const button = document.createElement('button');
+
+
+for (let i = 0; i <message.length; i++){
+    message[i].innerHTML = "We are coders!";
+    message[i].style.color = "red";
+
+}
+p1.innerHTML = "We are developers!";
\ No newline at end of file
diff --git a/js-dom.html b/js-dom.html
new file mode 100644
index 0000000..fc9292f
--- /dev/null
+++ b/js-dom.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <p id="one"></p>
+    <p id="two"></p>
+
+    <script src="dom.js" async defer></script>
+    
+</body>
+</html>
