Павел Васильевич,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<table border=1 cellpadding=8 cellspacing=0><tr>
<td>ШЫРИНА (м)</td>
<td>ВЫСОТА (м)</td>
<td>ДЛИНА (м)</td>
</tr><tr><td><input ID=ШИРИНА></td>
<td><input ID=ВЫСОТА></td>
<td><input ID=ДЛИНА></td></tr>
<tr></tr>
<tr></tr>
<tr>
<td>ИТОГО</td>
<td ID=ИТОГО></td>
<td>шт.</td>
</tr>
</table>
<br>
<table border=1 cellpadding=8 cellspacing=0><tr>
<td>ШЫРИНА (20cм)</td>
<td>ВЫСОТА (20cм)</td>
<td>ДЛИНА (20cм)</td>
</tr><tr><td><input ID=ШИРИНА20></td>
<td><input ID=ВЫСОТА20></td>
<td><input ID=ДЛИНА20></td></tr>
<tr></tr>
<tr></tr>
<tr>
<td>ИТОГО</td>
<td ID=ИТОГО20></td>
<td>шт.</td>
</tr>
</table>
<script>
var table = document.querySelectorAll('table');
table[0].addEventListener('input', function() {
var ВПЕРЕДИ= ШИРИНА.value**ВЫСОТА.value
var ВЗАДИ= ШИРИНА.value**ВЫСОТА.value
var СПРАВА= ДЛИНА.value**ВЫСОТА.value
var СЛЕВА= ДЛИНА.value**ВЫСОТА.value
ИТОГО.innerHTML= ВПЕРЕДИ+ВЗАДИ+СПРАВА+СЛЕВА
});
table[1].addEventListener('input', function() {
var ВПЕРЕДИ= ШИРИНА20.value**ВЫСОТА20.value
var ВЗАДИ= ШИРИНА20.value**ВЫСОТА20.value
var СПРАВА= ДЛИНА20.value**ВЫСОТА20.value
var СЛЕВА= ДЛИНА20.value**ВЫСОТА20.value
ИТОГО20.innerHTML= ВПЕРЕДИ+ВЗАДИ+СПРАВА+СЛЕВА
});
</script>
</body>
</html>