Initialize the Sudoku Board and Set its Properties
Explore how to initialize the Sudoku game board by creating HTML elements for each cell and storing these in a 9x9 2D array. Learn to track cell fill status using a boolean flag array and apply color coding to distinguish between prefilled and empty cells. This lesson guides you step-by-step to prepare the Sudoku board for further solving algorithms.
We'll cover the following...
Introduction
Let's start by developing the building blocks of our Sudoku game. We'll be using a third-party API that will provide us with a matrix prefilled with the numbers. We will then need to fill the empty cells of the matrix using recursion and backtracking. But before that, we will be performing the following steps to render the Sudoku board on the web page:
Create the HTML
divelements for each cell of the Sudoku board.Write a utility function to load all the
divelements for each cell and store them in a 2D array, so that eachdivelement in the2D array corresponds to a cell of the Sudoku board on the HTML page. For example, a divelement at position (0, 3) indicates the fourth element in the first row of the Sudoku board. Recall that the indexing of arrays starts from 0.Write a utility function to initialize a
...