Using <form> and <input> elements as an input for JavaScript code. Is this the best way to do this?

Question

Folks, I am newbie to coding, obviously, so having completed few Lynda courses recently on HTML and Javascript, I have hit a wall with my simple HTML page. Basically, what I wan

Answer 1

Use solution from singe31, but to prevent reloading of the page after click change type of your button from "submit" to "button" or place "return false;" as the last line of calculateError() function. Otherwise you won't see any change on the page.

Answer 2

As Satpal said in the comment you should indeed cast your text to an int with :

var exactMass = parseInt(document.getElementById("exactMass").value);
var accurateMass = parseInt(document.getElementById("accurateMass").value);
var ppmError=(accurateMass-exactMass)/exactMass*1000000;

For your other question, in your html add an empty paragraph where you want to display your result

<p id="result"></p>

And instead of calling console.log you can do :

document.getElementById('result').innerHTML = ppmError;