diff --git a/iterator/index.html b/iterator/index.html
new file mode 100644
index 0000000..2ba7368
--- /dev/null
+++ b/iterator/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script src="iterator.js"></script>
+</head>
+<body>
+</body>
+
+<script>
+    //create a map collection
+    let map = new Map([[0, "zero"], [1, 1], [2, "two"], [3, 3], [4, 4]])
+    // //create iterator for map
+    let iterator = new Iterator(map);
+
+    console.log(iterator.getNext());
+    console.log(iterator.getNext());
+    console.log(iterator.getNext());
+    console.log(iterator.getNext());
+    console.log(iterator.getNext());
+
+    //create a set collection
+    let set = new Set(["zero",  1, "two" , 3, 4])
+    // //create iterator for set
+    let iterator1 = new Iterator(set);
+
+    console.log(iterator1.getNext());
+    console.log(iterator1.getNext());
+    console.log(iterator1.getNext());
+    console.log(iterator1.getNext());
+    console.log(iterator1.getNext());
+
+</script>
\ No newline at end of file
diff --git a/iterator/iterator.js b/iterator/iterator.js
new file mode 100644
index 0000000..58beafb
--- /dev/null
+++ b/iterator/iterator.js
@@ -0,0 +1,11 @@
+// Iterator
+class Iterator {
+    constructor(data) {
+        this.data = data.values();
+    }
+
+    //get next item from the collection
+    getNext() {
+            return this.data.next().value;
+    }
+}
