Html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body οnlοad="panduan()">
<div id="box"></div>
</body>
</html>
Css部分
* {
margin: 0;
padding: 0;
}
#box{
width: 30%;
margin: 200px auto;
text-align: center;
}
Js部分
function panduan() {
var box = document.getElementById('box');
var i=1;
var j=1;
var result1=0;
var result2=0;
// 求100以内所有3的倍数的和
while (i <= 100) {
if (i % 3 == 0) {
result1 = result1 + i;
}
i++;
}
// 求100以内所有2的倍数、5的倍数的和
while (j <= 100) {
if (j % 2 == 0 || j % 5 == 0) {
result2 = result2 + j;
}
j++;
}
box.innerHTML = '求100以内所有3的倍数的和:' + result1+'<br/>'+'求100以内所有2的倍数、5的倍数的和:' + result2;
}