次のコードがあります。最終的な tinstotal 変数を最も近い 1 に切り上げる (2.04 を 3 に切り上げるなど) ことを除けば、美しく機能します。
$(document).ready(function(){
// Animate logo
$('#Logo').hide().fadeIn(800);
// Calculation Scripts
// Square Metres
var output = $('#SquareMetres'),
tinoutput = $('#Tins'),
priceoutput = $('#Price');
$('input[type="text"]').keyup(function() {
var width = parseFloat( $('#width').val()),
height = parseFloat( $('#height').val()),
result = height * width / 10000,
finalresult = result.toFixed(2);
if (isNaN(result)) return;
output.text(finalresult);
// Tins
var tinmetres = 32.5,
tinprice = 18.23,
tinsresult = finalresult / tinmetres;
tinstotal = tinsresult.toFixed(2);
tinoutput.text(tinstotal);
var price = tinstotal * tinprice,
totalprice = price.toFixed(2);
priceoutput.text('£'+totalprice)
});
});
スクリプトは、http://andyholmes.me/sitewizard/index.htmlの下部近くの赤いボックスでアクティブになっています。皆さんが助けてくれることを願っています、ありがとう!