Cleave.JS with decimal mark

by Ricardo Zambon

HTML

<script src="https://nosir.github.io/cleave.js/dist/cleave.min.js"></script>
<html>
  <body>
    
    <input id="num1" class="num" />
  
    <input id="num2" class="num" />
    
    <button onclick="calculate()">Calculate!</button>
    
    <span id="result"></span>
    
    
  </body>
</html>

JavaScript

var num1 = new Cleave('#num1', {
    numeral: true,
    numeralDecimalMark: ',',
    numeralDecimalScale: 2
});

var num2 = new Cleave('#num2', {
    numeral: true,
    numeralDecimalMark: ',',
    numeralDecimalScale: 2
});

function calculate() {
	var number1 = parseFloat(num1.getFormattedValue().replace(',','.'));
  var number2 = parseFloat(num2.getFormattedValue().replace(',','.'));
  
  var result = document.getElementById('result');
  
  
  result.innerHTML = number1 + number2;
}