在一个网页中添加一个javascript，并且添加一个按钮，触发按钮后，想要利用函数计算1到10的和，之后将算出的结果输出到文本框中。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>题目二</title>
</head>
<body>
<script language="javascript" type="text/javascript">
function add(){
var sum=0;
for(var i=1;i<=10;i++)
{
sum=sum+i;
}
document.write(sum);
}
</script>
<h1>求1-10的和</h1>
1-10的和等于：<input type="text" name="sum"/><br />
<input type="button" name="运行" value="运行" onclick="add()"/>
</body>
</html>求大神告之，函数和文本框之间的值是怎样传递的，函数中的参数和内部最后算出来的结果是怎样传递的。为何我加上了function之后，在网页中就好像没有script的东西？只有html标签内的东西。
慕男婶
echo_kinchao