0

Делаю калькулятор для подбора оборудования под аренду, получаю и складываю поля , но далее надо посчитать результат поля res1 и res2 и т.д, не понимаю как реализовать это.

function add(res0) {
  var plar = parseInt(document.getElementById('plar').value);
  var srar = parseInt(document.getElementById('srar').value);
  var arpl = parseInt(document.getElementById('arpl').value);


  if (isNaN(plar) == true) plar = 0;
  if (isNaN(srar) == true) srar = 0;
  if (isNaN(arpl) == true) arpl = 0;

  var res1 = plar * srar * arpl;

  document.getElementById('res1').innerHTML = plar * " * " * srar * " * " * arpl + " = " + res1;
}

function addi() {
  var zpsr = parseInt(document.getElementById('zpsr').value);
  var rbd = parseInt(document.getElementById('rbd').value);
  var srar = parseInt(document.getElementById('srar').value);


  if (isNaN(zpsr) == true) zpsr = 0;
  if (isNaN(rbd) == true) rbd = 0;
  if (isNaN(srar) == true) srar = 0;

  var res2 = zpsr * rbd * srar;

  document.getElementById('res2').innerHTML = zpsr * " * " * rbd * " * " * srar + " = " + res2;
}

function addit() {
  var znsm = parseInt(document.getElementById('znsm').value);
  var znst = parseInt(document.getElementById('znst').value);
  var colmr = parseInt(document.getElementById('colmr').value);
  var srar = parseInt(document.getElementById('srar').value);


  if (isNaN(znsm) == true) znsm = 0;
  if (isNaN(znst) == true) znst = 0;
  if (isNaN(colmr) == true) colmr = 0;
  if (isNaN(srar) == true) srar = 0;

  var res3 = znsm * 30 * 4 / 40 + znst * colmr * 30 * srar;

  document.getElementById('res3').innerHTML = znsm * " * " * 30 * " * " * 4 / "/" / 40 + "+" + znst * " * " * colmr * " * " * 30 * "*" * srar + " = " + res3;
}

function additi() {
  var znel = parseInt(document.getElementById('znel').value);
  var srar = parseInt(document.getElementById('srar').value);


  if (isNaN(znel) == true) znel = 0;
  if (isNaN(srar) == true) srar = 0;

  var res4 = 18 * 2 * znel * 30 * srar;

  document.getElementById('res4').innerHTML = 18 * " * " * 2 * " * " * znel * " * " * 30 * " * " * srar + " = " + res4;
}

function additio() {
  var znmr = parseInt(document.getElementById('znmr').value);
  var colmr = parseInt(document.getElementById('colmr').value);
  var srar = parseInt(document.getElementById('srar').value);


  if (isNaN(znmr) == true) znmr = 0;
  if (isNaN(colmr) == true) colmr = 0;
  if (isNaN(srar) == true) srar = 0;

  var res5 = znmr * colmr * 30 * srar;

  document.getElementById('res5').innerHTML = znmr * " * " * colmr * " * " * 30 * " * " * srar + " = " + res5;
}

function addition() {
  var res1 = parseInt(document.getElementById('res1').value);
  var res2 = parseInt(document.getElementById('res2').value);
  var res3 = parseInt(document.getElementById('res3').value);


  if (isNaN(res1) == true) res1 = 0;
  if (isNaN(res2) == true) res2 = 0;
  if (isNaN(res3) == true) res3 = 0;

  var res6 = res1 + res2 + res3;

  document.getElementById('res6').innerHTML = res1 + " + " + res2 + " + " + res3 + " = " + res6;
}
<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="script.js"></script>
  <title>Программа сложения двух чисел</title>
</head>

<body>
  <div>
    <h4>Cумма аренды</h4>
    <form>
      Площ.помещ. (м.кв.)<br><input id="plar" type="text" value="1"><br> Срок аренды фризера (мес)<br><input id="srar" type="text" value="1"><br> Аренд. Плата (за м.кв. в грн)<br><input id="arpl" type="text" value="1"><br> Зарплата 1 сотр. (грн.)<br>
      <input
        id="zpsr" type="text" value="1"><br>
        <input id="rbd" type="text" value="30" readonly hidden="hidden"><br> Цена сухой смеси/кг (грн)<br><input id="znsm" type="text" value="1"><br> Цена стаканчика (грн) <br><input id="znst" type="text" value="1"><br> Стоимость готового мороженого за
        порцию 75 гр (грн)<br><input id="znmr" type="text" value="1"><br> Количество продаж в день порций 75 гр. (шт)<br><input id="colmr" type="text" value="1"><br> Стоимость за Кват/час электроенерг. <br><input id="znel" type="text" value="1"><br>
    </form>
    <div id="res1"></div>
    <div id="res2"></div>
    <div id="res3"></div>
    <div id="res4"></div>
    <div id="res5"></div>
    <div id="res6"></div>
  </div>
</body>

</html>
res5<br><input type="button" value="Просчитать" onclick="additio();"><br> res2
<br><input type="button" value="Просчитать" onclick="addi();"><br> res3
<br><input type="button" value="Просчитать" onclick="addit();"><br> res1
<br><input type="button" value="Просчитать" onclick="add();"><br> res4
<br><input type="button" value="Просчитать" onclick="additi();"><br> res6
<br><input type="button" value="Просчитать" onclick="addition();"><br>

1 ответ 1

0

Разобрался сам, в строке document.getElementById('res1').innerHTML = , убрал вычисления , оставил только результат и все заработало

function add() {
  var plar = parseInt(document.getElementById('plar').value);
  var srar = parseInt(document.getElementById('srar').value);
  var arpl = parseInt(document.getElementById('arpl').value);


  if (isNaN(plar)==true) plar=0;
  if (isNaN(srar)==true) srar=0;
  if (isNaN(arpl)==true) arpl=0;

  var res1 = plar * srar * arpl;

  document.getElementById('res1').innerHTML = res1 ;
}
function addi() {
  var zpsr = parseInt(document.getElementById('zpsr').value);
  var rbd = parseInt(document.getElementById('rbd').value);
  var srar = parseInt(document.getElementById('srar').value);


  if (isNaN(zpsr)==true) zpsr=0;
  if (isNaN(rbd)==true)  rbd=0;
  if (isNaN(srar)==true) srar=0;

  var res2 = zpsr * rbd * srar;

  document.getElementById('res2').innerHTML = res2;
}
function addit() {
  var znsm = parseInt(document.getElementById('znsm').value);
  var znst = parseInt(document.getElementById('znst').value);
  var colmr = parseInt(document.getElementById('colmr').value);
  var srar = parseInt(document.getElementById('srar').value);


  if (isNaN(znsm)==true) znsm=0;
  if (isNaN(znst)==true) znst=0;
  if (isNaN(colmr)==true) colmr=0;
  if (isNaN(srar)==true) srar=0;

  var res3 = znsm * 30 * 4 / 40 + znst * colmr * 30 * srar;

  document.getElementById('res3').innerHTML = res3;
}
function additi() {
  var znel = parseInt(document.getElementById('znel').value);
  var srar = parseInt(document.getElementById('srar').value);


  if (isNaN(znel)==true) znel=0;
  if (isNaN(srar)==true) srar=0;

  var res4 = 18 * 2 * znel * 30 * srar;

  document.getElementById('res4').innerHTML = res4;
}
//Всего доходы
function additio() {
  var znmr = parseInt(document.getElementById('znmr').value);
  var colmr = parseInt(document.getElementById('colmr').value);
  var srar = parseInt(document.getElementById('srar').value);


  if (isNaN(znmr)==true) znmr=0;
  if (isNaN(colmr)==true) colmr=0;
  if (isNaN(srar)==true) srar=0;

  var res5 = znmr * colmr * 30 * srar;

  document.getElementById('res5').innerHTML = res5;
}
//
//Всего расходы
function addition() {
  var res1 = parseInt(document.getElementById('res1').value);
  var res2 = parseInt(document.getElementById('res2').value);
  var res3 = parseInt(document.getElementById('res3').value);
  var res4 = parseInt(document.getElementById('res4').value);


  if (isNaN(res1)==true) res1=0;
  if (isNaN(res2)==true) res2=0;
  if (isNaN(res3)==true) res3=0;
  if (isNaN(res4)==true) res4=0;

  var res6 = res1 + res2 + res3 + res4;

  document.getElementById('res6').innerHTML = res6;
}
//
//Прибыль
function additiont() {
  var res5 = parseInt(document.getElementById('res5').value);
  var res6 = parseInt(document.getElementById('res6').value);


  if (isNaN(res5)==true) res5=0;
  if (isNaN(res6)==true) res6=0;

  var res7 = res6 - res5;

  document.getElementById('res7').innerHTML = res7;
}
<!DOCTYPE html>
<html lang="ru">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="script.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
		<title>Аренда фризера</title>
	</head>
	<body>
  <div>
    <h4>Калькулятор стоимости аренды фризера</h4>
		<form>
		<div class="col-d-4">	Площ.помещ. (м.кв.)<br><input id="plar" type="text" value="1"><br></div>
		<div class="col-d-4">	Срок аренды фризера (мес)<br><input id="srar" type="text" value="1"><br></div>
    <div class="col-d-4">  Аренд. Плата (за м.кв. в грн)<br><input id="arpl" type="text" value="1"><br></div>
    <div class="col-d-4">  Зарплата 1 сотр. (грн.)<br><input id="zpsr" type="text" value="1"><br></div>
    <div class="col-d-4">  <input id="rbd" type="text" value="30" readonly hidden="hidden"><br></div>
    <div class="col-d-4">  Цена сухой смеси/кг (грн)<br><input id="znsm" type="text" value="1"><br></div>
    <div class="col-d-4">  Цена стаканчика (грн) <br><input id="znst" type="text" value="1"><br></div>
    <div class="col-d-4">  Стоимость готового мороженого за порцию 75 гр (грн)<br><input id="znmr" type="text" value="1"><br></div>
    <div class="col-d-4">  Количество продаж в день порций 75 гр. (шт)<br><input id="colmr" type="text" value="1"><br></div>
    <div class="col-d-4">  Стоимость за Кват/час электроенерг. <br><input id="znel" type="text" value="1"><br></div>
    </form>

  <output id="res1"></output>
  <output id="res2"></output>
  <output id="res3"></output>
  <output id="res4"></output>
  <output id="res5"></output>
  <output id="res6"></output>
  <output id="res7"></output>
</div>
	</body>
</html>
<div>
res1<br><input  type="button" value="Просчитать" onclick="add();"><br>
res2<br><input  type="button" value="Просчитать" onclick="addi();"><br>
res3<br><input  type="button" value="Просчитать" onclick="addit();"><br>
res4<br><input  type="button" value="Просчитать" onclick="additi();"><br>
res5<br><input  type="button" value="Просчитать" onclick="additio();"><br>
res6<br><input  type="button" value="Просчитать" onclick="addition();"><br>
res7<br><input  type="button" value="Просчитать" onclick="additiont();"><br>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.