[koyot777]

document.getElementById("area").oninput = calc;

Спасибо за помощь.
Скрипт начал выводить кол-во шифера и сумму, но никак не могу заставить его выводить значение цены товара в зависимости от выбора радио кнопки.

поскажите, что у меня там опять не так?

<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">
Цена: <br>                               
Кол-во листов: <br>
Итого: <br>
<div class="calc-bgtotal2">
<span id="cena">0</span> руб.<br>
<span id="kol">0</span>&nbsp; шт.<br>
<span id="result">0</span> руб.
</div>
</div>

</form>



<script>
document.body.onload = function() {

    function calc() {

        var d = document, cena = color1 = color2 = color3 = color4 = 0;

        var areaa = +d.getElementById("area").value,

        color1 = d.getElementById("color1"),
        color2 = d.getElementById("color2"),
        color3 = d.getElementById("color3"),		
		color4 = d.getElementById("color4"),
        result = d.getElementById("result"),
        kol = d.getElementById("kol");


var kolich;
kolich = Math.ceil(areaa/1.336);


        if (color1.checked) cena = +color1.value;

        if (color2.checked) cena = +color2.value;

        if (color3.checked) cena = +color3.value;
		
		if (color4.checked) cena = +color4.value;
		
        kol.innerHTML = Math.ceil(areaa/1.336);
        cena.innerHTML = cena;
        result.innerHTML = Math.ceil(kolich * cena);

    };


    document.form.onchange = calc;
	document.getElementById("area").oninput = calc;
    calc();

}

</script>