Fix bug, adding default value to inputs

Author: BaseMax

ShapeAlgorithm.js

@@ -88,8 +88,8 @@ class ShapeAlgorithm {
     calculate() {
         // colorize all possible this.biggest_box.w * this.biggest_box.h items iterate
         for (let i = 0; i < this.matrix.length; i += this.biggest_box.h) {
-            for (let j = 0; j < this.matrix[i].length; j += this.biggest_box.w) {
-                if (j >= this.window.w || i >= this.window.h || j+this.biggest_box.w >= this.window.w || i+this.biggest_box.h >= this.window.h) break;
+            for (let j = 0; j < this.matrix[0].length; j += this.biggest_box.w) {
+                if (j > this.window.w || i > this.window.h || j + this.biggest_box.w > this.window.w || i + this.biggest_box.h > this.window.h) break;
 
                 this.labels[`${this.biggest_box.w}_${this.biggest_box.h}`] = 1;
 

demo.html

@@ -14,19 +14,19 @@ <h1>Shapes Algorithm</h1>
     <p>Enter numbers to see the result.</p>
 
     <label>Width of the main window:</label>
-    <input id="window_width" type="number" pattern="[0-9]+">
+    <input id="window_width" type="number" pattern="[0-9]+" value="10">
     <br>
 
     <label>Height of the main window:</label>
-    <input id="window_height" type="number" pattern="[0-9]+">
+    <input id="window_height" type="number" pattern="[0-9]+" value="10">
     <br>
 
     <label>Width of biggest box:</label>
-    <input id="biggest_box_width" type="number" pattern="[0-9]+">
+    <input id="biggest_box_width" type="number" pattern="[0-9]+" value="2">
     <br>
 
     <label>Height of biggest box:</label>
-    <input id="biggest_box_height" type="number" pattern="[0-9]+">
+    <input id="biggest_box_height" type="number" pattern="[0-9]+" value="5">
     <br>
 
     <button id="button">Preview</button>