|
Сообщение от рони
|
|
перепишите название переменных так чтоб они не совпадали с id элементов
|
|
Сообщение от koyot777
|
|
cena.innerHTML = cena;
|
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<form id="form" name="form">
<div class="calc-bgarea">
<input type="radio" id="color1" name="cena" value="100" checked />Серый
<input type="radio" id="color2" name="cena" value="285" />Красный<br/>
<input type="radio" id="color3" name="cena" value="275" />Зеленый
<input type="radio" id="color4" name="cena" value="235" />Сланец
<br/>
<br/>
<b> ПЛОЩАДЬ КРОВЛИ:</b> <input id="area" type="text" value="5" /> <b>M<sup>2</sup></b>
<br/>
<br/>
</div>
<div class="calc-bg2">
пример сообщения
</div>
<div class="calc-bgtotal">
Цена: <span id="cena">0</span> руб.<br>
Кол-во листов: <span id="kol">0</span> шт.<br>
Итого: <span id="result">0</span> руб.<br>
</div>
</form>
<script>
document.body.onload = function() {
function calc() {
var d = document, price = 0;
areaa = +d.getElementById("area").value,
kolich = Math.ceil(areaa/1.336),
color1 = d.getElementById("color1"),
color2 = d.getElementById("color2"),
color3 = d.getElementById("color3"),
color4 = d.getElementById("color4"),
result = d.getElementById("result"),
kol = d.getElementById("kol");
if (color1.checked) price = +color1.value;
if (color2.checked) price = +color2.value;
if (color3.checked) price = +color3.value;
if (color4.checked) price = +color4.value;
kol.innerHTML = kolich;
cena.innerHTML = price;
result.innerHTML = Math.ceil(kolich * price);
};
document.form.onchange = calc;
document.getElementById("area").oninput = calc;
calc();
}
</script>
</body>
</html>