сумма в javascript и вывыедение

Всем привет. Прошу помочь разобраться с javascript.

Дано: 4 поля ввода.

Необходимо: 1. отобразить в каждом поле ввода сумму введенным пользователем слов

2. отобразить общую сумму введенных слов во всех полях ввода в конце

С первой задачей я справился, со второй уже проблемы.

Заранее, спасибо за ответ!

<td>Поле1: <br /> Введено слов: <span  class="letter" id="counter" ><b>0</b></span></td>
<td><textarea name="vvedenie" cols=38 rows="7"></textarea></td></tr>
<td>Поле2: <br /> Введено слов: <span  class="letter" id="counter2"><b>0</b></span></td>
<td><textarea name="objecti" cols=38 rows="7"></textarea></td></tr>
<td>Поле3<br /> Введено слов: <span  class="letter" id="counter3" ><b>0</b></span></td>
<td><textarea name="results" cols=38 rows="7"></textarea></td></tr>
<td>Поле4<br /> Введено слов: <span   class="letter" id="counter4" ><b>0</b></span></td>
<td><textarea name="vivodi" cols=38 rows="7"></textarea></td></tr>

Общая сумма слов:



<tr><td colspan="2"><center><input type="submit" value="Отправить">&nbsp;&nbsp;<input type="reset" value="Очистить"></center></td></tr>
</table><br />



</form>
<script type="text/javascript">



var textarea = document.getElementsByName("vvedenie")[0];
var textarea2 = document.getElementsByName("objecti")[0];
var textarea3 = document.getElementsByName("results")[0];
var textarea4 = document.getElementsByName("vivodi")[0];

	var counter = document.getElementById("counter");
		var counter2 = document.getElementById("counter2");
	var counter3 = document.getElementById("counter3");
	var counter4 = document.getElementById("counter4");

	
	textarea.onkeyup = function() {
		counter.innerHTML = this.value.split(/ +(?:\S)/).length;
	}
	textarea2.onkeyup = function() {
		counter2.innerHTML = this.value.split(/ +(?:\S)/).length;
	}
	textarea3.onkeyup = function() {
		counter3.innerHTML = this.value.split(/ +(?:\S)/).length;
	}
	textarea4.onkeyup = function() {
		counter4.innerHTML = this.value.split(/ +(?:\S)/).length;
	}
	
		
	
</script>