<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="button" onclick="add()" value="计算累加" />
<script type="text/javascript">
function add() {
var pattern = /^\+?[1-9][0-9]*$/;
var N = prompt("请输入正整数N:", "")
if (N != null && N != " " && (pattern.test(N) == true)) {
var sum = 0;
for (var i = 1; i <= N; i++)
sum += i;
document.writeln("<b>计算1+2+3+...+N</b></br>");
document.write("1+...+" + N + "=" + sum);
} else
alert("请重新输入正整数N!");
}
</script>
</body>
</html>
Demo: