2018/10/16 渡課JAVAScript 學習日常
阿新 • • 發佈:2018-12-13
目錄
今日學習總結
- 課堂程式碼
<!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">
// 第一步 表單迴圈列印1-200數字
function init() {
var options = "";
for (var i = 1; i <= 200; i++) {
options = options + ('<option value="'+i+'">'+i+'</option>' );
}
document.getElementById("sel1").innerHTML = options;
}
// 呼叫第一步跟第二步 在h1中顯示
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;
}
// 第二步 計算1-xx的合數值
function sum(number) {
var total = 0;
for (var i = 1; i <=number; i++) {
total += i;
}
return total;
}
</script>
</html>
- 演示圖片
學習總結
- 程式碼需要多寫多練才能熟悉。