Skip to content

Courses
Tutorials
Practice
Contests

JS Tutorial
JS Exercise
JS Interview Questions
JS Array
JS String
JS Object
JS Operator
JS Date
JS Error
JS Projects
JS Set
JS Map
JS RegExp
JS Math
JS Number
JS Boolean
JS Examples
JS Free JS Course
JS A to Z Guide
JS Formatter

Pattern Drawing in R

JavaScript Program to Print Triangle Star Pattern

Last Updated : 06 May, 2024

Comments

Improve

Suggest changes

Like Article

Like

Report

This article will show you how to make a triangle star pattern using JavaScript. We'll use a for loop to iterate through the number of rows, and in each iteration we will use a for loop for the n number of iterations, and in each loop we will print the "*" with the repeat method to increase or decrease the number of stars in each iteration. Additionally, we'll create a whitespace string to add the necessary spaces before the stars to ensure proper alignment. Below are the star patterns we'll cover:

Table of Content

Upper left triangle
Upper right triangle
Lower Right Triangle
Lower Left Triangle

1. Upper left triangle

The upper left triangle is a right-angled triangle that has the maximum number of stars at the left side and the bottom. We will use a for loop and repeat() method of string to print this pattern.

Example 1: The below code example contains the code that prints an upper left triangle.

JavaScript

let n = 5; for (let i = 1; i <= n; i++) { let str = "* "; console.log(str.repeat(i)); }

Output

*  * *  * * *  * * * *  * * * * *

2. Upper right triangle

The pattern of this triangle contains the maximum number of start at the right side and the bottom. It is another type of right-angled triangle.

Example 2: The below example explains the logic to print the upper right triangle.

JavaScript

let n = 5; for (let i = 1; i <= n; i++) {     let str = "* ";     let space  = '  ';     console.log(space.repeat((n-i))+str.repeat(i)); }

Output

        *        * *      * * *    * * * *  * * * * *

3. Lower Right Triangle

The lower right triangle has the maximum number of stars at the top and the right side. It is also an right-angled triangle.

Example 3: The below code example will illustrate the logic to print the ower right triangle star pattern.

JavaScript

let n = 5; for (let i = n; i >= 1; i--) {     let str = "* ";     let space  = '  ';     console.log(space.repeat(n-i)+str.repeat(i)); }

Output

* * * * *    * * * *      * * *        * *          *

4. Lower Left Triangle

The lower left triangle has the maximum number of stars at the top and the left side. It is also a type of right-angled triangle.

Example 4: The below code example uses the logi to print the lower left triangle star pattern.

JavaScript

let n = 5; for (let i = n; i >= 1; i--) { let str = "* "; console.log(str.repeat(i)); }

Output

* * * * *  * * * *  * * *  * *  *

Pattern Drawing in R

J

jatinsharmatu54

Improve

Article Tags :

JavaScript
Web Technologies
JavaScript-Questions
JavaScript-Program

Similar Reads

Pattern Programs in C

Printing patterns using C programs has always been an interesting problem domain. We can print different patterns like star patterns, pyramid patterns, Floyd's triangle, Pascal's triangle, etc. in C language. These problems require the knowledge of loops and if-else statements. We will discuss the f

C Program For Printing Right Half Pyramid Pattern

A half-right pyramid consists of rows with sequential stars, numbers or characters arranged in a triangular shape. The first row has one character, the second row has two, and so on. The characters are aligned to the left making it similar to the right-angle triangle. In this article, we will learn

C Program to Print Pyramid Pattern

In C, a pyramid pattern consists of numbers, stars, or alphabets arranged in a triangular shape. In this article, we will learn how to print different shapes of pyramid patterns using C program. Following are the 6 common pyramid patterns: Right Half Pyramid PatternRight half pyramid pattern looks l

C Program to Print Number Pattern

A number pattern involves printing numbers in a specific arrangement or shape, often in the form of a pyramid, triangle, or other geometric shapes. They are great for practicing loops and conditional statements. In this article, we will learn how to print different number patterns in C. Rhombus Numb

C Program to Print Continuous Character Pattern

Here, we will see how to print continuous character patterns using a C program. Below are the examples: Input: rows = 5Output: A B C D E F G H I J K L M N O Input: rows = 3Output: A B C D E F There are 2 ways to print continuous character patterns in C: Using for loop.Using while loop. Let's discuss

C Program To Print Character Pyramid Pattern

Pyramid patterns is a classic logical programming exercise where a triangular looking pattern is printed by treating the output screen as a matrix and printing a given character. In this article, we will explore how to print various alphabet pyramid patterns using C program. Half Pyramid PatternHalf

C Program to Print Right Half Pyramid Pattern

The Right Half Pyramid Pattern is a triangular pattern consists of rows where each row contains an increasing number of characters. The number of characters starts from 1 and increases by 1 in each subsequent row. Characters are aligned to the left, resembling a right-angle triangle with its hypoten

C Program To Print Hollow Pyramid Patterns

The Hollow Pyramid patterns are the variation of pyramid patterns where only the outer edges are filled with characters but the interior is left empty. In this article, we will learn how to print different hollow pyramid patterns. There can be 5 hollow pyramid patterns corresponding to each of the n

C Program to Print Cross or X Pattern

The Cross or X Pattern is a pattern where characters or stars are printed diagonally from top-left to bottom-right and from top-right to bottom-left, forming an "X" shape. In this article, we will learn how to print this pattern using a C program. Program to Print Cross or X Pattern[GFGTABS] Star Cr

Programs to print Interesting Patterns

Program to print the following pattern: Examples : Input : 5Output:* * * * * * * * * ** * * * * * * ** * * * * ** * * ** ** ** * * ** * * * * ** * * * * * * ** * * * * * * * * *This program is divided into four parts. [GFGTABS] C++ // C++ program to print // the given pattern #include<iostream

Corporate & Communications Address:

A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)

Registered Address:

K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305

Advertise with us

Company
About Us
Legal
Privacy Policy
In Media
Contact Us
Advertise with us
GFG Corporate Solution
Placement Training Program

Languages
Python
Java
C++
PHP
GoLang
SQL
R Language
Android Tutorial
Tutorials Archive

DSA
Data Structures
Algorithms
DSA for Beginners
Basic DSA Problems
DSA Roadmap
Top 100 DSA Interview Problems
DSA Roadmap by Sandeep Jain
All Cheat Sheets

Data Science & ML
Data Science With Python
Data Science For Beginner
Machine Learning
ML Maths
Data Visualisation
Pandas
NumPy
NLP
Deep Learning

Web Technologies
HTML
CSS
JavaScript
TypeScript
ReactJS
NextJS
Bootstrap
Web Design

Python Tutorial
Python Programming Examples
Python Projects
Python Tkinter
Python Web Scraping
OpenCV Tutorial
Python Interview Question
Django

Computer Science
Operating Systems
Computer Network
Database Management System
Software Engineering
Digital Logic Design
Engineering Maths
Software Development
Software Testing

DevOps
Git
Linux
AWS
Docker
Kubernetes
Azure
GCP
DevOps Roadmap

System Design
High Level Design
Low Level Design
UML Diagrams
Interview Guide
Design Patterns
OOAD
System Design Bootcamp
Interview Questions

Inteview Preparation
Competitive Programming
Top DS or Algo for CP
Company-Wise Recruitment Process
Company-Wise Preparation
Aptitude Preparation
Puzzles

School Subjects
Mathematics
Physics
Chemistry
Biology
Social Science
English Grammar
Commerce
World GK

GeeksforGeeks Videos
DSA
Python
Java
C++
Web Development
Data Science
CS Subjects

@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy

Improvement

Suggest Changes

Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.

geeksforgeeks-suggest-icon

Create Improvement

Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all.

geeksforgeeks-improvement-icon

Suggest Changes

min 4 words, max Words Limit:1000

Thank You!

Your suggestions are valuable to us.

What kind of Experience do you want to share?

Interview Experiences

Admission Experiences

Career Journeys

Work Experiences

Campus Experiences

Competitive Exam Experiences