1. 程式人生 > >2018/10/16 渡課JAVAScript 學習日常

2018/10/16 渡課JAVAScript 學習日常

目錄

今日學習總結

  1. 課堂程式碼
<!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>
  1. 演示圖片
    在這裡插入圖片描述

學習總結

  1. 程式碼需要多寫多練才能熟悉。