diff --git a/exercises/.gitignore b/exercises/.gitignore
new file mode 100644
index 0000000..b0f2192
--- /dev/null
+++ b/exercises/.gitignore
@@ -0,0 +1,2 @@
+__pycache__
+.venv
\ No newline at end of file
diff --git a/exercises/js_dom_manipulation/README.md b/exercises/js_dom_manipulation/README.md
new file mode 100644
index 0000000..b8764b0
--- /dev/null
+++ b/exercises/js_dom_manipulation/README.md
@@ -0,0 +1,17 @@
+# Javascript DOM Exercises
+
+## Exercise 1
+For this exercise only change **ex1.js**. Use javascript to change the following things on the html page
+
+- Add your name in the h2 element with id #name
+- Make the text bigger and green
+- Change the img src to show a photo of a cat
+- Change the style of all of the squares so that they appear on the page
+
+## Exercise 2
+For this exercise alter both **ex2.js** and **ex2.html** so that when button(x) is pressed it will fill in the center box with the corresponding html.
+
+## Exercise 3
+Complete the fetch code in **ex3.js**. Write the friendly advice from the API to the given box.
+
+**Bonus ⭐**: Try using another api! You could also try to use an api that takes an input and combine that with some kind of text input
\ No newline at end of file
diff --git a/exercises/js_dom_manipulation/ex1/ex1.html b/exercises/js_dom_manipulation/ex1/ex1.html
index 118aa50..e71da4f 100644
--- a/exercises/js_dom_manipulation/ex1/ex1.html
+++ b/exercises/js_dom_manipulation/ex1/ex1.html
@@ -22,9 +22,9 @@ <h3>Replace UNSW with a cute cat picture</h3>
 
         <h3>Make the squares appear!</h3>
         <div id="square-container">
-            <div class="square hidden">Hi</div>
-            <div class="square hidden"></div>
-            <div class="square hidden"></div>
+            <div class="square hidden">A</div>
+            <div class="square hidden">B</div>
+            <div class="square hidden">C</div>
         </div>
 
         <!-- Link js here-->