User Tools

Site Tools


java-script:multiplication-table-generator

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
java-script:multiplication-table-generator [2023/08/03 02:21] odeftajava-script:multiplication-table-generator [2023/08/09 20:14] (current) – ↷ Links adapted because of a move operation odefta
Line 6: Line 6:
 Output example: Output example:
  
-{{:java-script:pasted:20230803-021852.png}}+{{:java-script:pasted:20230803-022409.png}}
  
-All code js + html in the same file:+==== All code js + html in the same file ====
  
 <code javascript index.html> <code javascript index.html>
Line 22: Line 22:
                     html = html + '<tr>';                     html = html + '<tr>';
  
-                    for(let columnNumber = 1; columnNumber <= rows; columnNumber++) {+                    for(let columnNumber = 1; columnNumber <= columns; columnNumber++) {
                         html = html + `<td>${rowNumber * columnNumber}</td>`;                         html = html + `<td>${rowNumber * columnNumber}</td>`;
                     }                     }
Line 66: Line 66:
 </code> </code>
  
-Js code separated from html code:+==== Js code separated from html code ====
  
 <code html index.html> <code html index.html>
Line 95: Line 95:
         html = html + '<tr>';         html = html + '<tr>';
  
-        for(let columnNumber = 1; columnNumber <= rows; columnNumber++) {+        for(let columnNumber = 1; columnNumber <= columns; columnNumber++) {
             html = html + `<td>${rowNumber * columnNumber}</td>`;             html = html + `<td>${rowNumber * columnNumber}</td>`;
         }         }
Line 125: Line 125:
 </code> </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: Then create a src folder and inside it place index.js and generateTable.js:
Line 136: Line 136:
  
     for(let rowNumber = 1; rowNumber <= rows; rowNumber++) {     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} `;             tableString = tableString + ` ${rowNumber * columnNumber} `;
         }         }
java-script/multiplication-table-generator.1691018498.txt.gz · Last modified: 2023/08/03 02:21 by odefta