What wrong with this code if I want to print my chessboard?

Community Off Topic
#1

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
The output is only a black box ("#"). I am desiring output to be a chessboard.

``` ----------------------JScript CODE-------------------------------------------

var chessBoard = function (length, black) {
var result = “”;
for (var line = 1; line <= length; line++) {
for (var pair = 1; pair <= length; pair++) {
result += " " + black;
}
result += “
”;
for (var pair2 = 1; pair2 <= length; pair2++) {
result += black + " ";
}
result += “
”;
}

console.log(result);
return result;

}

document.getElementById(“testid”).innerHTML = chessBoard(4, “#”);

---------------------------------------HTML CODE---------------------------------------------
<!doctype html>

test 
<div id="testid">Hello, here will be the pattern!</div>

<script src="Script1.js" type="text/javascript"></script>
------------------------------------------------------------------------------------------------ 
<do not remove the three backticks above>
#2

this is the output i get:

  #  #  #  #
#  #  #  #  
  #  #  #  #
#  #  #  #  
  #  #  #  #
#  #  #  #  
  #  #  #  #
#  #  #  #

i have to admit, on the webpage itself it doesn’t look quit that nice, maybe you shouldn’t use spaces, try using underscores instead:

var chessBoard = function (length, black) {
    var result = "";
    for (var line = 1; line <= length; line++) {
        for (var pair = 1; pair <= length; pair++) {
            result += "_" + black;
        }
        result += "<br />";
        for (var pair2 = 1; pair2 <= length; pair2++) {
            result += black + "_";
        }
        result += "<br />";        
    }

    console.log(result);
    return result;
}

document.getElementById("testid").innerHTML = chessBoard(4, "#");

then it looks much more like a chessboard

#3

and here is the underlying cause for the problem with spaces:

js removes all the spaces except one

#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.