In Progress

Simple JQuery live percentage calculator

Just a quick and easy calculator. My page is written in Ruby on Rails but the bit I need doing is dead simple.

I have a value for the total weight of a recipe:

code: <%= @recipe.total_weight %>

and I want a user to enter the weight of the recipe after cooking.

From this I'd like the resultant '% lost during cooking' to be calculated on .keypress of the weight after cooking into an <input> tag.

Conversely I'd like the calculator to work in reverse also so that if the user enters a percentage into the results input field then the final cooked weight is changed on .keypress of the % field.

My html code for this calculator div so far is as follows:

<div id="calculator">

<div class="line"><span>Total weight before cooking (g)</span><input id="total_weight" class="adjustments_quantity_box" value="<%= number_with_precision(@recipe.total_weight, :strip_insignificant_zeros => true) %>" disabled="disabled"></div>

<div class="line"><span>Total weight after cooking (g)</span><input id="cooked_weight" class="adjustments_quantity_box" value=""></div>

<div class="line"><span>Weight loss (%)</span><input id="weight_loss" class="adjustments_quantity_box" value=""></div>

</div>

To a skilled person this shouldn't take more than 30 mins so my budget is reflective of this.

Skills: HTML, Javascript, jQuery / Prototype

See more: jquery percentage calculator, jquery live calculator, percentage calculator jquery, simple html jquery calculator, jquery calculator, recipe calculator jquery, weight loss calculator jquery code, jquery weight loss calculator, live calculator, simple percentage jquery, true results, this class jquery, ruby on rails jquery, page reverse, jquery class, calculator in javascript, calculator html javascript code, percentage calculator code jquery, jquery live simple calculator, live percentage calculator, jquery live budget calculator, html percentage jquery, cooking recipe, cooking and budget, calculator c++

About the Employer:
( 6 reviews ) Doncaster, United Kingdom

Project ID: #1277850

4 freelancers are bidding on average £7/hour for this job

evgendkv

Give me a few minutes...

£8 GBP / hour
(3 Reviews)
2.7
cojocariu

Hello, I could help you do this project fast (less then one hour). If you have any questions feel free to ask. Thank you and have a nice day

£7 GBP / hour
(3 Reviews)
1.8
v2software

Hello Sir , ########## plz check your PMB ########## Thanks

£6 GBP / hour
(1 Review)
1.6
dlcreation

hi, ready to start it immediately. thanks.

£7 GBP / hour
(0 Reviews)
0.0
arh36

Hi Have coded it already. thanks

£5 GBP / hour
(0 Reviews)
0.0