The 8 x 8 grid I am constructing is functional, however, the issue lies in the fact that the first line only begins with a single # symbol

Question

The 8 x 8 grid I am constructing is functional, however, the issue lies in the fact that the first line only begins with a single # symbol

I am attempting to create an 8 x 8 grid. It's coming together, but the issue is that the first line only starts with one # sign.

function print(msg) {
  console.log(msg);
  return msg;
}


let result = "";

for(let i=1; i<=8; i++) {
    result += " #\n"
    for(let j=1; j<8; j++) {
        result += " #";
    }
}

print(result);
// output is
#
 # # # # # # # #
 # # # # # # # #
 # # # # # # # #
 # # # # # # # #
 # # # # # # # #
 # # # # # # # #
 # # # # # # # #
 # # # # # # #

I am trying to build 8 x 8 grid its working but the problem is first line start from only one # sign

javascript html css

Answer 1

Answer №1

There is another method to achieve this task through the use of arrays:

Start by creating a new array with 8 elements
Next, populate the array with values
Map each element in the array to 8 "#" characters
Finally, join all elements in the array using "\n"

let result = Array(8).fill().map(_=>"# ".repeat(8)).join("\n")
console.log(result);

Alternatively, you can simply use the repeat function:

let result = ("# ".repeat(8)+"\n").repeat(8);
console.log(result);

Answer 2

There is another method to achieve this task through the use of arrays:

Start by creating a new array with 8 elements
Next, populate the array with values
Map each element in the array to 8 "#" characters
Finally, join all elements in the array using "\n"

let result = Array(8).fill().map(_=>"# ".repeat(8)).join("\n")
console.log(result);

Alternatively, you can simply use the repeat function:

let result = ("# ".repeat(8)+"\n").repeat(8);
console.log(result);

Answer 3

Answer №2

Make sure to add the " \n" at the end of the inner loop

function displayMessage(msg) {
    console.log(msg);
    return msg;
}


let output = "";

for(let a=1; a<=8; a++) {
    for(let b=1; b<8; b++) {
        output += " #";
    }
    output += " #\n"
}

displayMessage(output);

Answer 4

Make sure to add the " \n" at the end of the inner loop

function displayMessage(msg) {
    console.log(msg);
    return msg;
}


let output = "";

for(let a=1; a<=8; a++) {
    for(let b=1; b<8; b++) {
        output += " #";
    }
    output += " #\n"
}

displayMessage(output);

Answer 5

Answer №3

To ensure proper formatting, remember to add a \n at the end of the inner for loop.

function print(msg) {
  console.log(msg);
  return msg;
}


let result = "";

for(let i=1; i<=8; i++) {
    
    for(let j=1; j<8; j++) {
        result += " #";
    }
    
    result += " #\n"
}

print(result);

Answer 6

To ensure proper formatting, remember to add a \n at the end of the inner for loop.

function print(msg) {
  console.log(msg);
  return msg;
}


let result = "";

for(let i=1; i<=8; i++) {
    
    for(let j=1; j<8; j++) {
        result += " #";
    }
    
    result += " #\n"
}

print(result);

Answer 7

Answer №4

Here is a possible solution:

  for(let x=1; x<=8; x++) {
    output += " #"
    for(let y=1; y<8; y++) {
      output += " #";
    }
    output += "\n";
  }

Answer 8

Here is a possible solution:

  for(let x=1; x<=8; x++) {
    output += " #"
    for(let y=1; y<8; y++) {
      output += " #";
    }
    output += "\n";
  }

The 8 x 8 grid I am constructing is functional, however, the issue lies in the fact that the first line only begins with a single # symbol

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Experiencing difficulties managing NodeJS session

Display a modal using jQuery, PHP, and Ajax to verify if a user is

An unusual error occurred stating that the `forEach` property does not exist on the given type

Padding has an impact on the widths of flexbox items

Ensure that Ajax requests are successfully executed when a user navigates away from the page

Managing special characters in PHP: Understanding charsets

The mechanism for transferring data from the server to the client using JavaScript is malfunctioning

What's the best way to integrate Bootstrap into my HTML document?

The repairDatabase function cannot be found in the Collection.rawDatabase() method

Navigate to the line situated at the exact midpoint vertically

Tips on harnessing the power of PhantomJS and node.js for web scraping

How can you utilize jQuery to iterate through nested JSON and retrieve a specific matching index?

What is the best way to move to a new line without creating a space between the current line and the new line?

Sending a CSS class name to a component using Next.js

Center a vertically aligned element following a heading, with the content dynamically generated and enclosed in a fixed container

Encountered an error of 'npm ERR! invalid semver' when attempting to release an npm package

What is the proper way to send an AJAX request with the data type set to

The assets path is the directory within the installed package that houses the main application files following the completion of a

Are HTML's Regular Expressions the Equivalent of JavaScript's Regular Expressions?

Incorporating ContentPlaceHolder in ASP.NET MasterPage