Показать сообщение отдельно
  #3 (permalink)  
Старый 24.11.2014, 02:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

raposo,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<div id="cac">
<table>
<thead>
<tr><td>Устройство</td><td>Мощность</td><td>Пусковая мощность</td><td>Количество</td></tr>
</thead>
<tbody>
<tr><td colspan="4">Освещение (эквивалент 10 лам накаливания 100W</td></tr>
<tr id="item1"><td>На лампах накаливания</td><td><input type="text" value="1000" /></td><td><input type="text" /></td><td><input type="text"/></td></tr>
<tr id="item2"><td>На энергосберегающих лампах</td><td><input type="text" value="200" /></td><td><input type="text" /></td><td><input type="text"/></td></tr>
<tr id="item3"><td>На светодиодных лампах</td><td><input type="text" value="100" /></td><td><input type="text" /></td><td><input type="text"/></td></tr>
<tr><td colspan="4">Системы жизнеобеспечения дома</td></tr>
<tr id="item4"><td>Дополнительный циркуляционный насос</td><td><input type="text" value="60" /></td><td><input type="text" value="120" /></td><td><input type="text"/></td></tr>
<tr id="item5"><td>Двухконтурный газовый котел (турбо)</td><td><input type="text" value="120" /></td><td><input type="text" value="200" /></td><td><input type="text"/></td></tr>
<tr id="item6"><td>Насос скважины</td><td><input type="text" value="1200" /></td><td><input type="text" value="3000" /></td><td><input type="text"/></td></tr>
<tr><td><button id="but">Посчитать</button></td><td>
Результат:<input type="text" id="res" />
Реактивная:<input type="text" id="rea" /></td></tr></tbody></table>
</div>

<script>
var rea = document.getElementById("rea"); //max
var but = document.getElementById("but"); // Определяем кнопку
var res = document.getElementById("res"); // Определяем поле для вывода результат

var doit = function(){
   var sum = 0; //Начально значение суммы
   var maxpuskpow = 0;
   var inputs = document.getElementsByTagName("input");
   for (var i=0; i<inputs.length -2 ; i+=3)  {
      var pow = +inputs[i].value; //определяем значение мощности
      var qtt = +inputs[i+2].value||0; //определяем количество приборов
      var max = +inputs[i+1].value||pow
      sum += (pow*qtt); // Вычисляем сумму и прибавляем к ней сумму предыдущих вычеслений
      maxpuskpow +=(max*qtt)
   }
   res.value = sum;
   rea.value = maxpuskpow;
}
but.addEventListener('click', doit); //выводим результат по клику
</script>
</body>

</html>

Последний раз редактировалось рони, 24.11.2014 в 03:04.
Ответить с цитированием