diff --git a/Patterns Using Loops/icon.png b/Patterns Using Loops/icon.png
new file mode 100644
index 0000000..b54c3c1
Binary files /dev/null and b/Patterns Using Loops/icon.png differ
diff --git a/Patterns Using Loops/index.html b/Patterns Using Loops/index.html
new file mode 100644
index 0000000..a0793d3
--- /dev/null
+++ b/Patterns Using Loops/index.html
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+ Patterns
+
+
+
+
+
+
+
+
Shapes using JavaScript {}
+
+
+
+
Choose Shape
+
+
+
+
+
+
+
+
+
Result
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Patterns Using Loops/pyramid.png b/Patterns Using Loops/pyramid.png
new file mode 100644
index 0000000..7afa9c3
Binary files /dev/null and b/Patterns Using Loops/pyramid.png differ
diff --git a/Patterns Using Loops/pyramidInvert.png b/Patterns Using Loops/pyramidInvert.png
new file mode 100644
index 0000000..01272db
Binary files /dev/null and b/Patterns Using Loops/pyramidInvert.png differ
diff --git a/Patterns Using Loops/rightTriangleInvertRight.png b/Patterns Using Loops/rightTriangleInvertRight.png
new file mode 100644
index 0000000..508b28e
Binary files /dev/null and b/Patterns Using Loops/rightTriangleInvertRight.png differ
diff --git a/Patterns Using Loops/rightTriangleLeft.png b/Patterns Using Loops/rightTriangleLeft.png
new file mode 100644
index 0000000..0d18101
Binary files /dev/null and b/Patterns Using Loops/rightTriangleLeft.png differ
diff --git a/Patterns Using Loops/rightTriangleRight.png b/Patterns Using Loops/rightTriangleRight.png
new file mode 100644
index 0000000..ce752e3
Binary files /dev/null and b/Patterns Using Loops/rightTriangleRight.png differ
diff --git a/Patterns Using Loops/script.js b/Patterns Using Loops/script.js
new file mode 100644
index 0000000..fab77d7
--- /dev/null
+++ b/Patterns Using Loops/script.js
@@ -0,0 +1,86 @@
+/*
+ Script for generating different shapes/patterns using loops in JavaScript
+*/
+
+/*
+ X
+ X X
+ X X X
+ X X X X
+ X X X X X
+*/
+function rightAngleTriangleRight(){
+ var lines = 5;
+ var triangle = "";
+ for(var i=0;i"
+ }
+ document.getElementById('result').innerHTML = triangle;
+ document.getElementById('result').style.textAlign="start"
+}
+/*
+ X X X X X
+ X X X X
+ X X X
+ X X
+ X
+*/
+function rightAngleTriangleInvertRight(){
+ var lines = 5;
+ var triangle = "";
+ for(var i = 0; i < lines; i++){
+ for(var j = i; j < lines; j++) {
+ triangle += "X "
+ }
+ triangle += " "
+ }
+ document.getElementById('result').innerHTML = triangle;
+ document.getElementById('result').style.textAlign="start"
+}
+/*
+ X
+ X X
+ X X X
+ X X X X
+ X X X X X
+*/
+function pyramid(){
+ var lines = 5;
+ var triangle = "";
+ for(var i = 0; i < lines; i++){
+ for(var j = i; j < lines; j++) {
+ triangle += " "
+ }
+ for(var j = 0; j <= i; j++) {
+ triangle += "X "
+ }
+ triangle += " "
+ }
+ document.getElementById('result').innerHTML = triangle;
+ document.getElementById('result').style.textAlign="center"
+}
+/*
+ X X X X X
+ X X X X
+ X X X
+ X X
+ X
+*/
+function invertPyramid() {
+ var lines = 5;
+ var triangle = "";
+ for(var i = 0; i < lines; i++){
+ for(var j = 0; j < i; j++){
+ triangle += " "
+ }
+ for(var j = lines; j > i; j--){
+ triangle += "X "
+ }
+ triangle += " "
+ }
+ document.getElementById('result').innerHTML = triangle;
+ document.getElementById('result').style.textAlign="center"
+}
\ No newline at end of file