JavaScript Program to Print Square Star Pattern

Introduction

A square star pattern consists of stars (*) arranged in a grid format to form a square. Each row contains the same number of stars as the number of rows, making it a simple and easy-to-understand pattern. This exercise is useful for practicing loops and formatting output in JavaScript.

Problem Statement

Create a JavaScript program that:

• Accepts the size of the square (i.e., the number of rows and columns).
• Prints a square star pattern using stars (*).

Example:

• Input: size = 5
• Output:

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

Solution Steps

1. Input the Size of the Square: The user specifies the size of the square (i.e., how many rows and columns it should have).
2. Use Nested Loops: The outer loop handles the rows, and the inner loop handles printing the stars for each row.
3. Display the Square Star Pattern: Print a fixed number of stars in each row based on the size.

JavaScript Program

// Step 1: Input the size of the square
let size = parseInt(prompt("Enter the size of the square: "));

// Step 2: Outer loop for rows
for (let i = 1; i <= size; i++) {
    let output = '';
    
    // Step 3: Inner loop to print stars for each row
    for (let j = 1; j <= size; j++) {
        output += '*';
    }
    
    // Print the output for the current row
    console.log(output);
}

Explanation

Step 1: Input the Size of the Square

• The program starts by asking the user for the size of the square. The input is converted to an integer using parseInt().

Step 2: Outer Loop for Rows

• The outer loop controls how many rows are printed. It runs from 1 to size, where each iteration represents a row.

Step 3: Inner Loop for Stars

• The inner loop controls how many stars (*) are printed in each row. The number of stars printed in each row is equal to size.

Step 4: Output the Row

• After constructing the row with stars, it is printed using console.log().

Output Example

For size = 5, the output will be:

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

For size = 4, the output will be:

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

Conclusion

This JavaScript program prints a square star pattern using nested loops. Each row contains a fixed number of stars, and the same pattern is repeated for the given number of rows. This exercise is useful for practicing loop control and output formatting in JavaScript.