I did this with help because it is still too complicated for me. But I tried my best!
FIZZBUZZ:
let i = 0;
while(i < 100){
i ++;
if (i % 3 == 0 && i % 5 == 0 ){
console.log("FizzBuzz")
}
else if (i % 5 == 0){
console.log("Buzz");
}
else if (i % 3 == 0){
console.log("Fizz");
}
else {
console.log(i);
}
}
CHESSBOARD:
var size = 8
//Define de variable with empty string:
var board = “”
for (var y = 0; y < size; y++){
for (var x = 0; x < size; x++){
if ((x+y) % 2 == 0){
board += " ";
} else {
board += "#";
}
}
//Add the newline character to create new lines:
board += "\n";
}
I’ve been looking at your solutions, and I hope you don’t mind me making a few comments…
Apart from the line break (see my comments below), this works, but I think a bit by accident. It could equally work by omitting your initializer b.length = 1 altogether. I think this is because it doesn’t actually do anything:
b.length isn’t a valid variable name because it contains a full stop; and
your condition b.length <= 7 is checking to see if the string assigned to variable b (the variable defined before the for loop) has 7 or less characters (.length being the length property, in this case of a string). This comparison works as the condition for looping, because your “counter” b = b + “#” is lengthening b by 1 x # at the end of each iteration.
As the b variable is being used to count the iterations, I think it should ideally be defined and initialized within the for loop’s parentheses. Your current redundant initializer can simply be replaced with the var b definition, as follows:
for (var b = "#"; b.length <= 7; b = b + "#") {
}
…which is more like the suggested solution.
The line break in your current code …
…throws a syntax error in my console. The code executes if I put the whole document.write statement on one line, but it produces one single line with spaces. If you want to use document.write() instead of printing to the console, then, to get separate lines, we can amend your loop body as follows:
document.write(b + "<br>");
I was also interested to see, though, that your use of the comma works as an alternative to the + operator:
document.write(b, "<br>");
However, using the Google Chrome Console is more straight forward, as each iteration is automatically printed on a separate line:
console.log(b);
You can also make your “counter” more concise with b += "#"
Here’s an alternative using a while loop, with the variable declared before the loop:
let b = "#";
while (b.length <= 7) {
console.log(b);
b += "#";
}
Apart from the same line break issue as with the first exercise, I also couldn’t get this to work because document.write(" "); didn’t add a whitespace at the beginning of my odd numbered lines.
The idea here was to build up one single string, and print the whole chessboard at the end, rather than print each row separately. So, using your same basic program structure, with one while loop nested within another, I’ve come up with the following, which prints to the Google Chrome Console using console.log()
let string = "";
let row = 0;
let cols = 0;
while (row <= 7) {
if (row % 2 === 0) {
string += " ";
}
while (cols <= 3) { // if cols <= 7, rows are twice as long as they should be
string += "# "; // because you're adding 2 characters here (#, whitespace)
cols++;
}
string += "\n";
cols = 0; // if cols = 1, all subsequent rows have 1 x # too few
row++;
}
console.log(string);
Did you solve this final part in the end? If you haven’t here’s a clue:
Having defined the variable size = 8 replace the numbers 7 and 3 (in the while loops’ conditions) with expressions that include size and arithmetic operators, and which define the mathematical relationships between the numbers 7 and 3 and the value of size . You need to ensure that these mathematical expressions evaluate to the correct numbers for the program to work whatever the width x height dimension. You can also make these expressions simpler, by also (i) adjusting the values assigned (and reassigned) to the row and cols variables; and (ii) negating the condition in the if statement.
Let me know if you’d like to see the solution I came up with.
However, having said all that, this code actually gives you a chessboard with an extra square (represented by a whitespace) at the end of every odd row (even though you can’t actually see it). I think there are two main problems which cause this:
The first (outer) while loop treats odd and even rows unequally, by only adding a chessboard square (a whitespace character) to the odd rows.
The second (inner) while loop, adds 2 chessboard squares per iteration (a # character together with a whitespace). I think it’s “cleaner” to only add one character (i.e. one chessboard square) per iteration.
Finally, because we know at the outset how many iterations need to be performed, I think a for loop within another for loop would be more appropriate.
Anyway, I hope that’s helpful. I enjoyed working through your examples
Let me know what you think, if you have time, and if you disagree with any of my comments and suggestions — I’m more than happy to stand corrected!
*** UPDATE ****
@rankan — I’ve now found a way to add the whitespace at the beginning of the odd-numbered rows of the chessboard, when using document.write()
I’ve used the HTML entity 
I got the idea from @javedkhalil’s post here, but I decided to use   instead of as it creates a wider space. In your code, you should then also replace "# " with "# " so that all spaces are of equal width. However, my previous comment — about why we shouldn’t add a # and a whitespace together in the same iteration — means I still think the for loop solution is more appropriate; but now we’ve solved the whitespace issue, we can also use the for loop solution with document.write() as follows:
let chessboard = "";
let size = 8;
for (let row = 1; row <= size; row++) {
for (let col = 1; col <= size; col++) {
if ((row + col) % 2 === 0) {
chessboard += "&ensp";
} else {
chessboard += "#";
}
}
chessboard += "<br>";
}
document.write(chessboard);
I’ve been looking at your solutions, and I hope you don’t mind me pointing out that with the chessboard exercise, the idea was to build up a single string for the whole thing, and use new line characters to create the separate rows.
To achieve this, you only need to make the following 3 modifications to your code:
Define your variable toPrint = ""before your outer for loop (instead of within it). This means you will be adding to just one single string throughout the whole program.
Move your console.log() statement to after bothfor loops (i.e. to the very end of the program) so that you are only printing one string at the end of the whole program, rather than separate strings (for each row of the chessboard) at the end of each iteration of your outer for loop.
Add toPrint += "\n"; at the end of your outer for loop, where you previously had your console.log() statement (i.e. after your inner for loop). The special new line character \n creates line breaks, within the same string, for the separate rows.
Just one other thing — if you omit the curly braces in the else statements, then don’t put the statement following the else keyword in parentheses because, even though it still works, it makes them look like conditions (which you only have after if or else if , and not after else ).
The solution given for the chessboard exercise http://eloquentjavascript.net/code/#2.3 works fine for me. Which part couldn’t you get to work? Are you running it with the Google Chrome Console open? Sorry, if that’s pointing out the obvious, but I notice in your code you’re using document.write() to print directly to the web page, whereas console.log() will only print to the console.
In fact, I can’t get your code to work at all using document.write()
Your line break…
…throws a syntax error in my console. I can only achieve the single string with line breaks, and whitespace at the beginning of the odd-numbered rows, by using console.log() and the new line character \n .
Here’s my version using both of these, which is only slightly different to the suggested solution, and also works fine:
let chessboard = "";
let size = 8;
for (let row = 1; row <= size; row++) {
for (let col = 1; col <= size; col++) {
if ((row + col) % 2 === 0) {
chessboard += " ";
} else {
chessboard += "#";
}
}
chessboard += "\n";
}
console.log(chessboard);
*** UPDATE ***
@tanja — I’ve now found a way to get your code to work using document.write()
I’ve used the HTML entity  to add the whitespace, and the HTML self-closing tag <br> for the line breaks, as follows:
var size = 8;
var board = "";
for (var y = 0; y < size; y++) {
for (var x = 0; x < size; x++) {
if ((x + y) % 2 == 0) board += " ";
else board += "#";
}
board += "<br>";
}
document.write(board);
I got the idea to use an HTML entity from @javedkhalil’s post here, but I decided to use   instead of as it creates a wider space.
I really like how concise the suggested solution is for this exercise.
It’s interesting how the variable storing the lengthening string of "#" characters is used to perform 2 functions:
It records the cumulative result to be printed for each iteration; and
It enables the program to count the number of iterations like an abacus, by building up a string with one additional # on completing each iteration. As the variable doesn’t store a number value, the conditional statement has to generate a number value from the “abacus” to compare with the stopping condition. It does this by using the variable’s .length property to calculate the number of characters in its string.
This means we don’t have to define a separate “result” variable before the loop.
The other thing to note is that, by counting using the length of the string, counting starts at 1 (not 0) with the first # character. This means that, with an output of 7 rows, the stopping condition has to be either <= 7 or < 8 (if you count with number values from 0, you can use < 7 ).
FizzBuzz
I learnt a lot by seeing how my initial solution (before looking at the hints) could be made much more concise by doing the following:
Define an empty string variable at the start of the loop’s code block.
let string = "";
Use just 2 consecutive if statements with no corresponding else statements (and so only execute anything if their conditional expressions evaluate to true) to produce 4 alternatives:
add either (i) "Fizz"or (ii) "Buzz" to the empty string variable if either one or the other of
the conditions evaluates to true;
(iii) add both"Fizz"and"Buzz" to the empty string variable if both conditions evaluate
to true;
(iv) add nothing to the empty string variable, if both conditions evaluate to false.
if (number % 3 === 0) string += "Fizz";
if (number % 5 === 0) string += "Buzz";
/* I've also learnt how, if you only have one statement in the
code block, you can omit the curly braces and put the whole
'if' (or 'else') statement (or 'for' loop) all on one line. */
Use a logical OR operator to: EITHER
print the number of the current iteration if the string variable’s value converts to
the Boolean false (i.e. when it is still an empty string because nothing was added); OR
print whatever the value of the string variable is if it converts to the Boolean true
(i.e. when it is either "Fizz" or "Buzz" or "FizzBuzz").
console.log(string || number);
Doing all of the above also means you only need to print to the console once per iteration, instead of 4 times.
This was my (less concise) initial solution (before looking at the hints):
for (let number = 1; number <= 100; number++) {
if (number % 3 === 0 && number % 5 === 0) {
console.log("FizzBuzz");
} else if (number % 3 === 0) {
console.log("Fizz");
} else if (number % 5 === 0) {
console.log("Buzz");
} else {
console.log(number);
}
}
Chessboard
An interesting thing to note in the suggested solution is how you can reduce several if…else statements to just one, by adding the values for the row and column “counter” variables together (like coordinates) in the Boolean expression:
This was my (less concise) initial solution (before looking at the hints):
let chessboard = "";
let size = 8;
for (let row = 1; row <= size; row++) {
for (let col = 1; col <= size; col++) {
if (row % 2 !== 0) {
if (col % 2 !== 0) {
chessboard += " ";
} else {
chessboard += "#";
}
} else {
if (col % 2 !== 0 {
chessboard += "#";
} else {
chessboard += " ";
}
}
}
chessboard += "\n";
}
console.log(chessboard);
I realised afterwards that the strict-equality operator === can be used instead of the strict-inequality operator !== in the if conditional expressions, if you also invert the positions of the addition-assigned" " and "#" values in both of the nested if…else statements.
Fizzbuzz I did, it took me lots of hours. Chessboard I looked at the answers straight away, didn’t want to waist more time. I realized that these excercises are really too hard for somebody born in 1967 and without any IT background. I’ll take smaller steps.
