JSFiddle - React, Tailwind, and code Playground

HTML

<html ng-app="todoApp">  
<h2>Todo</h2>
    <div ng-controller="TodoController">
        <input ng-change="change_cap()" type="range" min="50000" max="700000" step="1" id="mensualite_slider" ng-model="cptl" size="4" />
        <input ng-change="change_cap()" type="text" name="mensualite" id="mensualite" ng-model="cptl" size="4" /> 
        <br />
       <input ng-change="change_tx()" type="range" min="1" max="7" step="0.05" id="mensualite_slider_2" ng-model="tx" size="4" />
        <input ng-change="change_tx()" type="text" name="mensualite_2" id="mensualite_2" ng-model="tx" size="4" /> 
        <br />
       <input ng-change="change_ann()" type="range" min="5" max="30" step="5" id="mensualite_slider_3" ng-model="ann" size="4" />
        <input ng-change="change_ann()" type="text" name="mensualite_3" id="mensualite_3" ng-model="ann" size="4" /> 
        <br />
         <input ng-change="change_mens()" type="range" min="10" max="6000" step="5" id="mensualite_slider_4" ng-model="mens" size="4" />
        <input ng-change="change_mens()" type="text" name="mensualite_4" id="mensualite_4" ng-model="mens" size="4" /> 
        <br />
    </div>
        
 </html>

JavaScript

angular.module('todoApp', [])
  .controller('TodoController', ['$scope', function($scope) {
      
    $scope.cptl = 120000,
    $scope.tx = 2.65,
    $scope.ann = 25,
    $scope.mens = 547.45,
        
    $scope.tx_m = $scope.tx / 12,
    $scope.tx_m_plusun = $scope.tx_m_plusun + 1,
    $scope.mois = $scope.ann * 12;
      
    $scope.change_cap = function() {  
        // changement du capital, effet : changement de la mensualité.
        // calcul faux mais c'est pour la demo...
        $scope.mens = $scope.cptl*1 / ($scope.ann*12) + ($scope.cptl*$scope.tx/100) ;  
    };
      
    $scope.change_tx = function() {
        // changement du taux, effet : changement de la mensualité.
        // calcul faux mais c'est pour la demo...  
        $scope.mens = ($scope.cptl*1 / ($scope.ann*12)) + ($scope.cptl*$scope.tx/100) ;        
    };
      
    // ..etc
      
      
  }]);