初学者提问？如何把控件的值加到另一个控件里


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><body style="text-align:center; "><script language="javascript">function $(o){ return document.getElementsByName(o)[0];};
function addAll(){
var input1=$("name1").value;
var input2=$("name2").value;
var input3=$("name3").value;
var input4=$("name4").value;$("textarea1").value=input1+input2+input3+input4;}
</script>
<input type="text" name="name1">
<input type="text" name="name2">
<input type="text" name="name3">
<input type="text" name="name4"><input type="button" value='提交' onClick="addAll()"><br/><br/><textarea cols="20" rows="10" name="textarea1"></textarea>
</body>
</html>