Html and JavaScript calculator help!

Get Started
1

I need help on building a calculator on my html website. I have the formula I would like just can’t get it to work right.

I want it to be the following
Title"carbohydrates" “input box a times 2”
Title"calories" “input box b”
Title"protein" “input box c times 3”
Title"total" “total of a,b,c times 2.66”

there the formula that I want the calculator to perform

2

What code do you have so far?

3

Nothing anymore I was using php and now I’m converting it to JavaScript. I’m pretty limited on java scripting

4

So presumably you at least have the HTML for the form that the PHP generates. That would be where you’d start in adding JavaScript to do the calculations.

5

Yes, i have the html and all

6

So if you post a copy of what you have then we can make suggestions as to how to add the JavaScript.

7

Numbers:
<input type=“button” onClick=“document.calc.wtcalc.value+=‘1’” value=“1” name=“1” title=“1” >
The 3 number rows:
1.<tr><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘1’” value=“1” name=“1” title=“1” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘2’” value=“2” name=“2” title=“2” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘3’” value=“3” name=“3” title=“3” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘+’” value=“+” name=“+” title=“+” ></td></tr>
2.<tr><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘4’” value=“4” name=“4” title=“4” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘5’” value=“5” name=“5” title=“5” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘6’” value=“6” name=“6” title=“6” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘-’” value=“-” name=“-” title=“-” ></td></tr>
3.<tr><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘7’” value=“7” name=“7” title=“7” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘8’” value=“8” name=“8” title=“8” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘9’” value=“9” name=“9” title=“9” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=''" value="” name=“" title="” ></td></tr>
Last row:
1.<tr><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘.’” value=“.” name=“.” title=“.” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘0’” value=“0” name=“0” title=“0” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value=eval(calc.wtcalc.value);” value=“=”></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘/’” value=“/” name=“/” title=“/” ></td></tr>
Full script:
01.<form name=calc>
02.<table>
03.<tr><td colspan=“3” width=“75%”><input name=“wtcalc” type=“text”></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value=‘’” value=“C” name=“C” title=“C”></td></tr>
04.<tr><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘1’” value=“1” name=“1” title=“1” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘2’” value=“2” name=“2” title=“2” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘3’” value=“3” name=“3” title=“3” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘+’” value=“+” name=“+” title=“+” ></td></tr>
05.<tr><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘4’” value=“4” name=“4” title=“4” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘5’” value=“5” name=“5” title=“5” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘6’” value=“6” name=“6” title=“6” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘-’” value=“-” name=“-” title=“-” ></td></tr>
06.<tr><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘7’” value=“7” name=“7” title=“7” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘8’” value=“8” name=“8” title=“8” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘9’” value=“9” name=“9” title=“9” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=''" value="” name=“" title="” ></td></tr>
07.<tr><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘.’” value=“.” name=“.” title=“.” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘0’” value=“0” name=“0” title=“0” ></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value=eval(calc.wtcalc.value);” value=“=”></td><td width=“25%”><input type=“button” onClick=“document.calc.wtcalc.value+=‘/’” value=“/” name=“/” title=“/” ></td></tr>
08.</table>
09.</form>

8

Hey, Ive tried to check your code…just change eval(calc.wtcalc.value) to eval(document.calc.wtcalc.value)