Построить калькулятор
В общем ситуация следующая...есть таблица с ценами.
есть область куда надо вводить площадь и толщину штукатурного слоя не знаю как сделать чтобы в зависимости от 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, но мне хотя бы один объясните, дальше - по шаблону. Заранее спасибо! |
PlayHard,
:cray: 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;"> </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>
|
| Часовой пояс GMT +3, время: 19:51. |