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;"> </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>