Instead of two colors, use four colors repeating. Use (row + col) % 4 to choose from an array of colors. Variation C: User Resizable Canvas In the graphics version, recompute square size on window resize. This is rare for CodeHS but possible in advanced sections. Testing Your Solution Before submitting, test these cases manually:
@.@.@ .@.@. @.@.@ .@.@. @.@.@ const readline = require('readline'); const rl = readline.createInterface( input: process.stdin, output: process.stdout ); rl.question("Rows: ", (rows) => rl.question("Cols: ", (cols) => rows = parseInt(rows); cols = parseInt(cols); for (let i = 0; i < rows; i++) let line = ""; for (let j = 0; j < cols; j++) if ((i + j) % 2 === 0) line += "X"; else line += "O"; 9.1.7 Checkerboard V2 Codehs
1. Off-by-One Errors in Parity Wrong: if (row % 2 == 0) — This creates stripes, not a checkerboard. Fix: Always use (row + col) % 2 == 0 . 2. Hardcoding Dimensions The "V2" often implies a variable board size. If the autograder tests with 10x10 and your code only works for 8x8, you will fail. Fix: Use constants or user input at the top of your function. 3. Incorrect Starting Color If the expected output starts with a dark square at (0,0), ensure your if branch matches that. Swap colors if needed. 4. Graphical Version – Gaps Between Squares Using setFilled(true) alone might leave a tiny border. Some CodeHS exercises expect setFilled(true) without setColor for the outline. If gaps appear, set the outline color to match the fill color: Instead of two colors, use four colors repeating
public void run() double sqWidth = (double) getWidth() / NUM_COLS; double sqHeight = (double) getHeight() / NUM_ROWS; for (int row = 0; row < NUM_ROWS; row++) for (int col = 0; col < NUM_COLS; col++) double x = col * sqWidth; double y = row * sqHeight; GRect square = new GRect(x, y, sqWidth, sqHeight); square.setFilled(true); if ((row + col) % 2 == 0) square.setFillColor(Color.BLACK); else square.setFillColor(Color.RED); add(square); This is rare for CodeHS but possible in advanced sections
var rect = new Rectangle(x, y, SQUARE_SIZE, SQUARE_SIZE); rect.setColor(color); rect.setFilled(true); add(rect);
If row % 2 == 1 , start with the opposite color. Equivalent to:
Whether you are printing text to the console or drawing colored rectangles on a canvas, the logic remains identical. Write your code to be flexible (no magic numbers), test edge cases (1 row or 1 column), and always double-check your starting color.