Challenges encountered while creating a Number Tables Program (such as displaying 12 x 1 = 12) using Javascript

Question

Challenges encountered while creating a Number Tables Program (such as displaying 12 x 1 = 12) using Javascript

Currently, I am working on developing a program that can generate mathematical tables for any given number. For example:

3 x 1 = 3

3 x 2 = 6

3 x 3 = 9

3 x 4 = 12

To achieve this, the user should provide the following inputs:

(1) The number they want to create the table for (e.g., 3)

(2) Specify the starting point (e.g., 1)

(3) Specify the ending point (e.g., 4)

Below is the code snippet illustrating my current attempt:

    function validateNumber(number){
        while (isNaN(number) == true){
         number = parseInt(prompt("Please enter a valid number","5"));
         }
         }
    
    
    function mathTable (num, start, end){
        for (var i=start; i<=end; i++){
        var result = num*i;
        document.write(num + " x " + i + " = " + result + "</br>");
         }
        }
    
    
    var inputNum = parseInt(prompt("Enter the number you want the table for", "40"));
    inputNum = validateNumber(inputNum);
    
    
    var startPoint = parseInt(prompt("Enter the start point of the table", "1")); 
    startPoint = validateNumber(startPoint);
    
    var endPoint = parseInt(prompt("Enter the end point of the table", "10"));  
    endPoint = validateNumber(endPoint);
    
    
    mathTable(inputNum, startPoint, endPoint);

javascript function loops scope nan

Answer 1

Answer №1

CheckIfNumber returns null (default output for functions lacking a return statement), which is then stored in the variable checkNum each time (checkNum = CheckIfNumber(...)). Consequently, the value of checkNum is null.

Upon completing the loop over the NaNs, ensure that you return the variable and assign it to the correct one:

function CheckIfNumber(number)
{
    while (isNaN(number)) {
            number = parseInt(prompt("Please enter a valid number","5"));
    }
    return number;
}

function myGrid (num, beginning, end)
{
    for (var j = beginning; j <= end; j++) {
        var z = num * j;
        document.write(num + " x " + j + " = " + z + "</br>");
    }
}

var checkNum = parseInt(prompt("Enter the number you want to generate a table for", "40"));
checkNum = CheckIfNumber(checkNum);

var startLocation = parseInt(prompt("Enter the starting point of the sequence", "1")); 
startLocation = CheckIfNumber(startLocation);

var finishLocation = parseInt(prompt("Enter the ending point of the sequence", "10"));  
finishLocation = CheckIfNumber(finishLocation);

myGrid(checkNum, startLocation, finishLocation);

Answer 2

CheckIfNumber returns null (default output for functions lacking a return statement), which is then stored in the variable checkNum each time (checkNum = CheckIfNumber(...)). Consequently, the value of checkNum is null.

Upon completing the loop over the NaNs, ensure that you return the variable and assign it to the correct one:

function CheckIfNumber(number)
{
    while (isNaN(number)) {
            number = parseInt(prompt("Please enter a valid number","5"));
    }
    return number;
}

function myGrid (num, beginning, end)
{
    for (var j = beginning; j <= end; j++) {
        var z = num * j;
        document.write(num + " x " + j + " = " + z + "</br>");
    }
}

var checkNum = parseInt(prompt("Enter the number you want to generate a table for", "40"));
checkNum = CheckIfNumber(checkNum);

var startLocation = parseInt(prompt("Enter the starting point of the sequence", "1")); 
startLocation = CheckIfNumber(startLocation);

var finishLocation = parseInt(prompt("Enter the ending point of the sequence", "10"));  
finishLocation = CheckIfNumber(finishLocation);

myGrid(checkNum, startLocation, finishLocation);

Answer 3

Answer №2

You have committed the following errors:

inconsistent function return values, misaligned startpoint variable assignment, incorrect endpoint variable assignment

function checkIfNumber(number){
    while (isNaN(number) == true){
            number = parseInt(prompt("Please enter a valid number","5"));
        }
        return number;
     }


function createTable (num, firstVal, secondVal){
    for (var i=firstVal; i<=secondVal; i++){
        var result = num*i;
        document.write(num + " x " + i + " = " + result + "</br>");
     }
    }


var inputNum = parseInt(prompt("Enter the number you want to generate a table for", "40"));
inputNum = checkIfNumber(inputNum);


var startPoint = parseInt(prompt("Enter the starting point of the table", "1")); 
startPoint = checkIfNumber(startPoint);

var endPoint = parseInt(prompt("Enter the ending point of the table", "10"));  
endPoint = checkIfNumber(endPoint);


createTable(inputNum, startPoint, endPoint);

Answer 4

You have committed the following errors:

inconsistent function return values, misaligned startpoint variable assignment, incorrect endpoint variable assignment

function checkIfNumber(number){
    while (isNaN(number) == true){
            number = parseInt(prompt("Please enter a valid number","5"));
        }
        return number;
     }


function createTable (num, firstVal, secondVal){
    for (var i=firstVal; i<=secondVal; i++){
        var result = num*i;
        document.write(num + " x " + i + " = " + result + "</br>");
     }
    }


var inputNum = parseInt(prompt("Enter the number you want to generate a table for", "40"));
inputNum = checkIfNumber(inputNum);


var startPoint = parseInt(prompt("Enter the starting point of the table", "1")); 
startPoint = checkIfNumber(startPoint);

var endPoint = parseInt(prompt("Enter the ending point of the table", "10"));  
endPoint = checkIfNumber(endPoint);


createTable(inputNum, startPoint, endPoint);

Challenges encountered while creating a Number Tables Program (such as displaying 12 x 1 = 12) using Javascript

Answer №1

Answer №2

Similar questions

What is the best approach for testing the TypeScript code below?

Retrieve the text label from the parent option group

Learning to access a base64 encoded PDF file using JavaScript

The OutlinedInput component from Material-UI seems to be struggling to display the startAdornment

Array of JSON data passed in the request body

Node.js tutorial: Building routes with regex and implementing redirects

Upon page refresh, products are automatically added to the cart

Trigger a page refresh using a popup

"Sorry, but there seems to be an issue with

Comment sections that refresh automatically after being posted

The duplication of the Javascript code is creating a conflict within the slider functionality

Error in Function Due to Undefined jQuery DataTable Parameters

Stop the Sidebar from showing up on certain pages with Next.js

How to change class names dynamically in Vue.js?

Leverage JSON data from an API within JavaScript, sourced and accessed through PHP

Establishing session management for tasks in Node.js

My Angular Router is creating duplicate instances of my route components

Ways to set the initial value of an input[range] in Angular2 when the value exceeds 100

Transferring information from nodejs/express to frontend JavaScript

Using React Bootstrap, you can ensure that only a single collapse opens at a time when rendering it with a map function. This allows you to display