今日学习总结
- 课堂代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body onload="init();">
<select onchange="getResult()" id="sel1">
<option value="1">1</option>
</select>
<h1>1-<span id="x1">xx</span>:<span id="x2">xxx</span></h1>
</body>
<script type="text/javascript">
function init() {
var options = "";
for (var i = 1; i <= 200; i++) {
options = options + ('<option value="'+i+'">'+i+'</option>');
}
document.getElementById("sel1").innerHTML = options;
}
function getResult() {
var sSelValue = document.getElementById("sel1").value;
var iSelValue = parseInt(sSelValue);
var result = sum(iSelValue);
document.getElementById("x1").innerHTML = iSelValue;
document.getElementById("x2").innerHTML = result;
}
function sum(number) {
var total = 0;
for (var i = 1; i <=number; i++) {
total += i;
}
return total;
}
</script>
</html>
- 演示图片
学习总结
- 代码需要多写多练才能熟悉。