Incorporating .HTML , .CSS, and .JS into widget to create working calculator

[graphics097]

Glad you found that Acorn, I'd forgotten all about that

Glad Acorn found it too! Thank you, Egg. In regards to my latest reply to Acorn, do you have any suggestions for what to use to read a .js file? Again, please forgive me as a newbie to all this!

[Acorn]

Glad Acorn found it too! Thank you, Egg. In regards to my latest reply to Acorn, do you have any suggestions for what to use to read a .js file? Again, please forgive me as a newbie to all this!

Window's Notepad is all you need. Open it and drag and drop the file onto the pane.

It should be readable. If so, note any copyright statements.
If not, it may be minified. You might then use https://unminify.com/ to unminify it.

Acorn

[graphics097]

Window's Notepad is all you need. Open it and drag and drop the file onto the pane.

It should be readable. If so, note any copyright statements.
If not, it may be minified. You might then use https://unminify.com/ to unminify it.

Acorn

I wish I could've paid you two, instead. Your help has been invaluable, and I can't express how appreciative I am! I did what you both advised, and the calculator is *almost* working... Except it won't do the final calculation. May be due to my own error or the coding they gave me--which one it is I am not sure. MSJE calc.web

[graphics097]

Nevermind… Definitely my error! Now just have to figure out how to delete the "Calories Burned (English)" option as its not accurate whatsoever... But now I'm rambling! Thank you for your help again, Egg and Acorn (:

[Acorn]

There are few areas that can be tweaked.

Your Height is missing its units of feet and inches.

REE?

Your responsive view has its fields dimensioned too wide and the Placeholder is not deep enough.

Entering a weight in lbs and then switching to kgs does not truncate the result so you get a very long, unprofessional, value.

I don't know why "wt1=wt/2.2"; is less accurate than the value used in "var r2 = (10 * wt*2.2046) + (6.25 * ht) - (5 * a)-161;".

Have you sorted out filling your r2 field (Calories/day)?

Acorn

[Acorn]

PM
graphics097, for what it's worth, as a user of such a calculator, I would prefer it to be interactive.

Calorie Needs Calculator.xar is a widget of sorts that uses Range Sliders as a proof of concept.
It does not fully work in the Xara Preview so open into your preferred browser.

It does not do the full calculation (Gender and calories) but it automatically handles metric and imperial measurements.

It needs CSS styling.

The HTML is readable and I hope understandable.

It would be a useful project for any TGer to complete.

Acorn

[Egg Bramhill]

I like Acorns range sliders.

I did a search on Stack Overflow and came up with a very simple form. Weight & Height only.