hw08_15_!Calc Func.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. // отправка с уведомлением//
  2. <head>
  3. <h1>CalcFunc</h1>
  4. </head>
  5. <body>
  6. <div>
  7. <input id="testimony1" type="number" size="12" placeholder="data1" />//вносим показания старта периода//
  8. <input id="testimony2" type="number" size="12" placeholder="data2" />// вносим показания учета на конец
  9. периода//
  10. <input id="tarif" type="number" size="12" placeholder="tarif" /> // вводим тариф на услугу//
  11. <input id="startbalance" type="number" size="12" placeholder="startbalance" />// вводим баланс на старте
  12. периода//
  13. <button onclick="debetCalculationOnClick()"> //нажимаем на кнопку для расчета//
  14. DEBET Calc
  15. </button>
  16. <br><br>
  17. <div id="calc" style="display: inline-block;color:greenyellow;"></div>
  18. <script>
  19. const debetCalculation = (testimony1, testimony2, tarif, startbalance) =>
  20. result = startbalance - (testimony2 - testimony1) * tarif;
  21. const debetCalculationOnClick = () => {
  22. testimony1Val = parseFloat(testimony1.value);
  23. testimony2Val = parseFloat(testimony2.value);
  24. tarifVal = parseFloat(tarif.value);
  25. startbalanceVal = parseFloat(startbalance.value);
  26. result = debetCalculation(testimony1Val, testimony2Val, tarifVal, startbalanceVal);
  27. calc = document.getElementById('calc');
  28. calc.innerHTML = result.toString();
  29. if (result > 0) {
  30. calc.style.backgroundColor = 'green';
  31. calc.innerHTML = "Total Amount: " + calc.innerHTML;
  32. }
  33. else {
  34. calc.style.backgroundColor = 'red';
  35. }
  36. }
  37. //testimony1.oninput=debetCalculationOnClick;
  38. </script>
  39. </div>
  40. </body>