Please Help me find out why this simple interest program is not working well,
It will work and calculate the simple interest only for it to display the answer(simple interest) for just a milliseconds or thereabout

Picture below

Modified: I just had to use the button tag not the input tag submit attribute because the submit attribute would refresh the page when clicked

Last two pictures show the working code

Check your form input type...

EasternActivist:
Check your form input type...

It's text

Think4Myself:

It's text

Since you want to move into creating apps, I will advise you to test your code using real JavaScript environments like vscode etc. The browser you are using is probably seeing your answer as those annoying pop-ups, which you probably must have deactivated yourself.

Brightale:
Since you want to move into creating apps, I will advise you to test your code using real JavaScript environments like vscode etc. The browser you are using is probably seeing your answer as those annoying pop-ups, which you probably must have deactivated yourself.

He's already in vscode, or you mean he should install node?

Think4Myself:
Please Help me find out why this simple interest program is not working well,
It will work and calculate the simple interest only for it to display the answer(simple interest) for just a milliseconds or thereabout

Picture below

The issue you're having is that JavaScript script return input as a string.

You can check this with

console.log(typeof principal);
console.log(typeof rate);
console.log(typeof time);

You'll see it'll return "string"

So, to fix your issue.

Add "Number" to your declaration, it's case sensitive.

Like

var principal = Number(document. getElementById('p').value);

Do that for other declaration. It should work.

Think4Myself:
Please Help me find out why this simple interest program is not working well,
It will work and calculate the simple interest only for it to display the answer(simple interest) for just a milliseconds or thereabout

Picture below

You need to prevent default for the submit event on the form. Also don't forget to parse input values as int.

Prevent default will work or you can change input type='submit' to type='button'

Think4Myself:
Please Help me find out why this simple interest program is not working well,
It will work and calculate the simple interest only for it to display the answer(simple interest) for just a milliseconds or thereabout

Picture below

1. You need to change your browser to Chrome and open your developer tools.
2. You need to console.log your values to see if it's getting anything from the input.
3. Please give your id more descriptive names.
4. I think you're missing an event listener and handler.

leumas91:

You need to prevent default for the submit event on the form. Also don't forget to parse input values as int.

I now understand what you mean and why my code wasn't working well
It's because sthe ubmit attribute refreshes the page when clicked hen why the simple interest was displaying for a millisecond

elvisimeh:
Prevent default will work or you can change input type='submit' to type='button'

I changed it and it worked, thanks