GennadySht
/
HomeWork


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142
							// отправка с уведомлением//

<head>
    <h1>CalcFunc</h1>
</head>

<body>
    <div>
        <input id="testimony1" type="number" size="12" placeholder="data1" />//вносим показания старта периода//
        <input id="testimony2" type="number" size="12" placeholder="data2" />// вносим показания учета на конец
        периода//
        <input id="tarif" type="number" size="12" placeholder="tarif" /> // вводим тариф на услугу//
        <input id="startbalance" type="number" size="12" placeholder="startbalance" />// вводим баланс на старте
        периода//
        <button onclick="debetCalculationOnClick()"> //нажимаем на кнопку для расчета//
            DEBET Calc
        </button>
        <br><br>
        <div id="calc" style="display: inline-block;color:greenyellow;"></div>
        <script>
            const debetCalculation = (testimony1, testimony2, tarif, startbalance) =>
                result = startbalance - (testimony2 - testimony1) * tarif;
            const debetCalculationOnClick = () => {
                testimony1Val = parseFloat(testimony1.value);
                testimony2Val = parseFloat(testimony2.value);
                tarifVal = parseFloat(tarif.value);
                startbalanceVal = parseFloat(startbalance.value);
                result = debetCalculation(testimony1Val, testimony2Val, tarifVal, startbalanceVal);
                calc = document.getElementById('calc');
                calc.innerHTML = result.toString();
                if (result > 0) {
                    calc.style.backgroundColor = 'green';
                    calc.innerHTML = "Total Amount: " + calc.innerHTML;
                }
                else {
                    calc.style.backgroundColor = 'red';
                }
            }
            //testimony1.oninput=debetCalculationOnClick;
        </script>
    </div>
</body>