结构图如下：
html如下：
<!DOCTYPE html> <html> <head> <title>button test</title> <link rel="stylesheet" type="text/css" href="css/1.css"> </head> <body> <script src="js/udf.js"></script> <input class="btn1" type="button" value="click" onclick="func1()"> <input id="txt1" class="txt1" type="text" value=""> </body> </html>
css如下：
.btn1{ font-size: 24px; width: 100px; height: 60px; } .txt1{ font-size: 48px; width: 100px; }
js如下：
function func1() { var sum=0; var string1 = document.getElementById("txt1"); for(var i =1;i<=10;i++) { sum += i; //document.write(sum+"<br\>") ; } string1.value = sum; }
原文：http://www.cnblogs.com/jhcla/p/5272026.html