I have the following code. Works beautifully apart from i want the final tinstotal variable to be rounded up to the nearest 1 (2.04 being rounded up to 3 etc)
$(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)
});
});
the script is active here at http://andyholmes.me/sitewizard/index.html in the red box near the bottom. Hope you guys can help, thanks!
To round off decimal values using jQuery, we can use the built-in JavaScript methods toFixed() or toPrecision(). The toFixed() method converts a number into a string, keeping a specified number of decimals.
$("#diskamountUnit"). val('$' + $("#disk"). slider("value") * 1.60);
ceil() The Math. ceil() function always rounds up and returns the smaller integer greater than or equal to a given number.
tinstotal = Math.ceil(tinsresult);
tinoutput.text(tinstotal);
Math.ceil() will round to the next whole number
use javascript Math.round()
ex:
var a = Math.round(2.60);
var b = Math.round(-2.60);
var c = Math.round(2.49);
Result :
alert(a); => 3
alert(b); => -3
alert(c); => 2
Hope is helps you.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With