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

Adjust the horizontal position of a text element using CSS

Is it necessary to always pause before I click?

Navigating through Next.js for slug URLs such as site.com/username

Focus on an element in ThreeJS

Create a "load additional data" button

What is the best way to extract numbers from a string using JavaScript?

Interactive image rotator featuring navigation buttons for next and previous slides

Is there a way to populate an array with Twilio fax results and then successfully send them via Express?

`Increase Your Javascript Heap Memory Allocation in Next.js`

Jpicker is renowned for its transparency feature

Creating a state in React may lead to an endless loop

Tips for choosing elements based on the length of an array

Angular.js fails to load successfully every other time

Implementing dynamic width with ng-style in AngularJS

I'm attempting to render HTML emails in ReactJS

Elements on the page appear and disappear as you scroll down

Is there a way to send a request before opening a new page that doesn't involve using synchronous XMLHttpRequest on the main thread, which is

"Learn how to dynamically update the user interface in express.js using handlebars without having to refresh the

Tips for customizing the time selector in material-ui-time-picker

Avoid the ability for individuals to interact with the icon embedded within a button