JSFiddle - React, Tailwind, and code Playground

by Arnaud

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
       
         
           <input type="range" class="inputMontant" id="loan" name="montant" ng-model="capital" min="0" max="600000" step="10000" value="300000" onchange="calcul()" />
            
         <input type="text" min="0" max="600000" id="inputMontant" step="10000"  class="sim-result sim-result-montant inputMontant" ng-model="capital" value="300000" onchange="calcul()"/><div class="simSigne"> €</div>


         
         <input id="bout-plus" value="+" type="button" onclick="calcul()" />
    <input id="bout-moins" value="-" type="button" onclick="calcul()"  />

JavaScript

$('#bout-plus').click(function(e) {
	e.preventDefault();
    $('#loan').val(function(i, val) { return val*1+10000 });
    $('#inputMontant').val(function(i, val) { return val*1+10000 });

});

$('#bout-moins').click(function(e) {
e.preventDefault();
    $('#loan').val(function(i, val) { return val*1-10000 });
	$('#inputMontant').val(function(i, val) { return val*1-10000 });

});