DeathDji,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Calculator</title>
<link href="style.css" type="text/css" rel="stylesheet">
<script>
function lesaCena()
{
var el = document.querySelector('[name="vidlesov"]:checked')||{value : "x"} ;
var cena = {"lrsp30" : 100, "lrsp40" : 200, "lrsp60" : 300, "lrsp100" : 400, x : 0}[el.value];
alert(cena);
return cena
}
</script>
</head>
<body>
<div class="content">
<div class="top"><canvas id='example'></canvas></div>
<div class="calc">
<center>
<form name="form1">
<table border=1 cellpadding=5 cellspacing=0><tr><td>
<table>
<th colspan="2">Рассчитать стоимость</th>
<tr>
<td>Вид лесов</td>
<td id="les">
<input id="lrsp30" type=radio name="vidlesov" value="lrsp30" checked onclick="lesaCena();"><label>ЛРСП-30</label>
<input id="lrsp40" type=radio name="vidlesov" value="lrsp40" onclick="lesaCena();"><label>ЛРСП-40</label>
<input id="lrsp60" type=radio name="vidlesov" value="lrsp60" onclick="lesaCena();"><label>ЛРСП-60</label>
<input id="lrsp100" type=radio name="vidlesov" value="lrsp100" onclick="lesaCena();"><label>ЛРСП-100</label>
</td>
</tr>
<tr>
<td>Длина и высота объекта</td>
<td><input type="namber" name="d" placeholder="Длина, м" size=15 maxlength=10>
<input type="namber" name="h" placeholder="Высота, м" size=15 maxlength=10></td>
</tr>
<tr>
<td>Число рабочих ярусов</td>
<td><input type="namber" name="yarus" size=15 maxlength=10></td>
</tr>
<tr>
<td>Комплектация связями</td>
<td>
<input type=radio name="svyazi" value="1" checked>шахматный порядок
<input type=radio name="svyazi" value="-1">сплошная
</td>
</tr>
<tr>
<td>Количество подъемов</td>
<td><input type="namber" placeholder="2"></td>
</tr>
<tr>
<td>Комплектация опорами</td>
<td>
<input type=radio name="opora" value="1" checked>да
<input type=radio name="opora" value="-1">нет
</td>
</tr>
<tr>
<td>Комплектация кронштейнами</td>
<td>
<input type=radio name="kronshtein" value="1" checked>да
<input type=radio name="kronshtein" value="-1">нет
</td>
</tr>
<tr>
<td>
<input type="button" name="button" value="Вычислить" onClick="areaRectangle();"><br><br>
<input type="text" name="res" size="10">
</td>
</tr>
</table>
</td></tr></table>
</form>
<p id="demo"></p>
</center>
</div>
</div>
</body>
</html>
