JSFiddle - React, Tailwind, and code Playground
HTML
<div>Examples: 35.855 73.315 1.005 859.385 0.045 </div>
<input id="in"/><br>
<div id="toFixed">toFixed <span></span></div>
<div id="toFixedB">toFixedB <span></span> Incorrect: 1.005</div>
<div id="toFixed10">toFixed10 <span></span></div>
JavaScript
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round#Example:_Decimal_rounding
(function(){
/**
* Decimal adjustment of a number.
*
* @param {String} type The type of adjustment.
* @param {Number} value The number.
* @param {Integer} exp The exponent (the 10 logarithm of the adjustment base).
* @returns {Number} The adjusted value.
*/
function decimalAdjust(type, value, exp) {
// If the exp is undefined or zero...
if (typeof exp === 'undefined' || +exp === 0) {
return Math[type](value);
}
value = +value;
exp = +exp;
// If the value is not a number or the exp is not an integer...
if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
return NaN;
}
// Shift
value = value.toString().split('e');
value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
// Shift back
value = value.toString().split('e');
return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
}
// Decimal round
if (!Math.round10) {
Math.round10 = function(value, exp) {
return decimalAdjust('round', value, exp);
};
}
// Decimal floor
if (!Math.floor10) {
Math.floor10 = function(value, exp) {
return decimalAdjust('floor', value, exp);
};
}
// Decimal ceil
if (!Math.ceil10) {
Math.ceil10 = function(value, exp) {
return decimalAdjust('ceil', value, exp);
};
}
Number.prototype.toFixedB = function toFixed ( precision ) {
var multiplier = Math.pow( 10, precision + 1 ),
wholeNumber = Math.floor( this * multiplier );
return (Math.round( wholeNumber / 10 ) * 10 / multiplier).toFixed(precision);
}
Number.prototype.toFixed10 = function(precision) {
return Math.round10(this, -precision).toFixed(precision);
}
})();
$(function() {
$('#in').change(function() {
$('#toFixed > span').text(parseFloat($(this).val()).toFixed(2));
$('#toFixedB >...