Differences

This shows you the differences between two versions of the page.

--- java-script:multiplication-table-generator [2023/08/02 23:18] – odefta
+++ java-script:multiplication-table-generator [2025/01/02 18:22] (current) – external edit 127.0.0.1
@@ Line 3: / Line 3: @@
 ===== For client side (web browser) =====
-This is a simple script to print a multiplication table generator using simple java script and html.\\
+This is a simple script to print a multiplication table generator using simple java script and html. \\
-Ex:
+Output example:
-{{:java-script:pasted:20230803-021852.png}}
-All code js + html in the same file:
+{{:java-script:pasted:20230803-022409.png}}
+==== All code js + html in the same file ====
 <code javascript index.html>
@@ Line 21: / Line 22: @@
                     html = html + '<tr>';
-                    for(let columnNumber = 1; columnNumber <= rows; columnNumber++) {
+                    for(let columnNumber = 1; columnNumber <= columns; columnNumber++) {
                         html = html + `<td>${rowNumber * columnNumber}</td>`;
                     }
@@ Line 65: / Line 66: @@
 </code>
-Js code separated from html code:
+==== Js code separated from html code ====
 <code html index.html>
@@ Line 94: / Line 95: @@
         html = html + '<tr>';
-        for(let columnNumber = 1; columnNumber <= rows; columnNumber++) {
+        for(let columnNumber = 1; columnNumber <= columns; columnNumber++) {
             html = html + `<td>${rowNumber * columnNumber}</td>`;
         }
@@ Line 124: / Line 125: @@
 </code>
-===== For server side (web browser) =====
+===== For server side (node.js) =====
-First you need to [[setup-nodejs|setup your node.js project]]
+First you need to [[.node-js:setup|setup your node.js project]]
 Then create a src folder and inside it place index.js and generateTable.js:
@@ Line 135: / Line 136: @@
     for(let rowNumber = 1; rowNumber <= rows; rowNumber++) {
-        for(let columnNumber = 1; columnNumber <= rows; columnNumber++) {
+        for(let columnNumber = 1; columnNumber <= columns; columnNumber++) {
             tableString = tableString + ` ${rowNumber * columnNumber} `;
         }