JSFiddle - React, Tailwind, and code Playground

HTML

<html ng-app="todoApp">  
<h2>Todo</h2>
    <div ng-controller="TodoController">
        <input ng-change="change()" type="range" min="50000" max="700000" step="1" id="mensualite_slider" ng-model="cptl" size="4" />
        <input ng-change="change()" type="text" name="mensualite" id="mensualite" ng-model="cptl" size="4" /> 
        <br />
       <input ng-change="change()" type="range" min="1" max="7" step="0.05" id="mensualite_slider_2" ng-model="tx" size="4" />
        <input ng-change="change()" type="text" name="mensualite_2" id="mensualite_2" ng-model="tx" size="4" /> 
        <br />
       <input ng-change="compense()" type="range" min="5" max="30" step="5" id="mensualite_slider_3" ng-model="ann" size="4" />
        <input ng-change="compense()" type="text" name="mensualite_3" id="mensualite_3" ng-model="ann" size="4" /> 
        <br />
         <input ng-change="compense()" type="range" min="10" max="6000" step="5" id="mensualite_slider_4" ng-model="mens" size="4" />
        <input ng-change="compense()" 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 = function() {
 $scope.mens = ($scope.cptl*1 * $scope.tx_m*1 * Math.pow($scope.tx_m_plusun*1, $scope.mois*1))/(Math.pow($scope.tx_m_plusun*1, $scope.mois*1) - 1)
      };
       $scope.compense = function() {
 $scope.cptl = ($scope.mens*1 * (Math.pow($scope.tx_m_plusun*1, $scope.mois*1) - 1)) / ( $scope.tx_m*1 * Math.pow($scope.tx_m_plusun*1, $scope.mois*1) )
      };        
  }]);