Форум

PlayHard · #1 (**permalink**) 30.07.2013, 16:37

В общем ситуация следующая...есть таблица с ценами.
есть область куда надо вводить площадь и толщину штукатурного слоя
не знаю как сделать чтобы в зависимости от ID выводился разный результат в последнюю колонку

Сразу скажу что не силен в JS
учил только паскаль

в общем я знаю как это через паскаль сделать, но тут явно не то

вот код

<table style="width: 100%;" border="1" cellspacing="0" cellpadding="0">
	<tbody>
	<tr>
		<td id="tdname">Введите площадь стен вашего объекта</td>
			<td colspan="2" width="33%">
			<p><br/><input id="vsten" type="text" value="" maxlength="6" /></p>
			<p><strong style="line-height: 1.3em;">(выполняем объемы от 300 м<sup>2</sup>)</strong></p>
			</td>
		</tr>
		<tr>
		<td id="tdname2">Введите толщину штукатурного слоя</td>
			<td colspan="2" width="33%">
			<p><br/><input id="vsten2" type="text" value="" maxlength="6" /></p>
			<p><strong style="line-height: 1.3em;"> </strong></p>
			</td>
		</tr>
	<tr style="background-color: #d6d6d6;">
	<td id="tdname">Стоимость работ без материала</td>
	<td colspan="2" width="33%">
	
		[JS]<script type='text/javascript'>
			
			
		</script>[/JS]
		
	</td>
	</tr>
	</tbody>
</table>

вот не знаю что здесь

<script type='text/javascript'></script>

должно быть вот такая последовательность
-введите "площадь стен вашего объекта"
-записываем переменную vsten
-введите толщину штукатурного слоя
-записываем переменную vsten2
и пошла проверка

if vsten<300 then
if vsten2<10 then
write A=230*vsten
else
if vsten2<20 then
write A=240*vsten //ну т.е. показать в этой ячейке результат умножения того что ввел человек на константу.

таких циклов будет штук 10, но мне хотя бы один объясните, дальше - по шаблону.

Заранее спасибо!

рони · #2 (**permalink**) 30.07.2013, 18:37

PlayHard,

id не должно повторятся на странице

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .color td{
     background-color: #d6d6d6
  }
  </style>
</head>

<body>
<table style="width: 100%;" border="1" cellspacing="0" cellpadding="0">
	<tbody>
	<tr>
		<td >Введите площадь стен вашего объекта</td>
			<td colspan="2" width="33%">
			<p><br/><input id="vsten" type="text" value="" maxlength="6" /></p>
			<p><strong style="line-height: 1.3em;">(выполняем объемы от 300 м<sup>2</sup>)</strong></p>
			</td>
		</tr>
		<tr>
		<td id="tdname2">Введите толщину штукатурного слоя</td>
			<td colspan="2" width="33%">
			<p><br/><input id="vsten2" type="text" value="" maxlength="6" /></p>
			<p><strong style="line-height: 1.3em;">&nbsp;</strong></p>
			</td>
		</tr>
	<tr  class="color">
	<td >Стоимость работ без материала</td>
	<td colspan="2" width="33%" id="tdname" >


	</td>
	</tr>
	</tbody>
</table>
   <script>
     var vs = document.getElementById('vsten'),
      vs2 = document.getElementById('vsten2'),
      td = document.getElementById('tdname');

  function sum() {
      var vsten = vs.value | 0,
          vsten2 = vs2.value | 0,
          A = 0;
      if (vsten < 300 && vsten2 < 10) {
          A = 230 * vsten
      } else if (vsten2 < 20) {
          A = 240 * vsten
      }
      td.innerHTML = A
  }
  vs.addEventListener('change', sum);
  vs2.addEventListener('change', sum)
  </script>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript