JSFiddle - React, Tailwind, and code Playground

by kneidels

HTML

<input id="first" value="0.5" data-cost="0.54444"> + <input id="second" value="0.7" data-cost="0.7111"> = <input id="result"><br>

The problem:<br>
Try 0.1 + 0.2, it does not equal to 0.3<br>
0.01 + 0.06 does not equal to 0.07

CSS

input{
    width:50px;
}

JavaScript

function add(){
    $("#result").val(
        +((+$("#first").data("cost")) + (+$("#second").data("cost"))).toFixed(12)
    );
}
add();
$("input").blur(add);