基本語法的課堂案例

比較兩個數的大小：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	請輸入第一個數：<input type="text" id="txt1"/><br/>
	請輸入第二個數：<input type="text" id="txt2"/><br/>
	<input type="button" id="btn" value="比較" />
</body>
</html>
<script type="text/javascript">
function $(id){
	return document.getElementById(id);
}
window.onload = function(){
	$("btn").onclick = function(){
		var num1 = $("txt1").value;
		var num2 = $("txt2").value;
		if(num1>num2){
			alert("第一個數大於第二個數！");
		}else if(num1<num2){
			alert("第一個數小於第二個數！");
		}else{
			 alert("兩個數相等！");
		}
	}
}
</script>

判斷成績等級：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	請輸入成績：<input type="text" id="txt"/>
	<input type="button" id="btn" value="查詢" />
</body>
</html>
<script type="text/javascript">
// 判斷成績等級
// 60分以下：E
// 60-70：   D
// 70-80：   C
// 80-90：   B
// 90-100：  A
window.onload = function(){
	document.getElementById("btn").onclick = function(){
		var score = document.getElementById("txt").value;
		if(score>=90 && score<=100){
			alert("您的成績等級是A！");
		}else if(score>=80 && score<90){
			alert("您的成績等級是B！");
		}else if(score>=70 && score<80){
			alert("您的成績等級是C！");
		}else if(score>=60 && score<70){
			alert("您的成績等級是D！");
		}else if(score>=0 && score<60){
			alert("您的成績等級是E！");
		}else{
			alert("請輸入合法的成績！");
		}
	}
}
</script>

判斷一個年份是不是閏年：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	請輸入您要查詢的年份：<input type="text" id="txt"/>
	<input type="button" id="btn" value="判斷" />
</body>
</html>
<script type="text/javascript">
// 判斷一個年份是不是閏年
// 閏年的概念：四年一閏，百年不閏，四百年一閏
// 翻譯成數學問題就是判斷這一年能被4整除，且不能被100整除或者能被400整除
// 翻譯成計算機語言就是如下代碼
window.onload = function(){
	// 當點擊判斷按鈕的時候獲取輸入的年份並且進行判斷
	document.getElementById("btn").onclick = function(){
		var year = document.getElementById("txt").value;
		if((year%4==0 &&　year%100!=0)|| year%400==0){
			alert("這一年是閏年！");
		}else{
			alert("這一年是平年！");
		}
	}
}
</script>

輸入一個數字，將輸入的數字轉化爲漢字星期幾

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt"/>
		<input type="button" id="btn" value="轉換" />
	</body>
</html>
<script type="text/javascript">
function $(id){
	return document.getElementById(id);
}
//根據文本框內輸入的數字顯示對應的星期漢字
window.onload = function(){
	//添加點擊事件
	$("btn").onclick=function(){
		//獲取用戶輸入的星期，獲取不到返回null，反之則是一個對象
		//通過value屬性獲取的全部是字符串類型，用Number轉化爲數字類型
		var week = Number($("txt").value);
		//判斷用戶輸入的是不是都是數字
		if(isNaN(week)){
			alert("請輸入數字！");
		}else{
			switch(week){
			case 0:
			case 7:alert("星期天");break;
			case 1:alert("星期一");break;
			case 2:alert("星期二");break;
			case 3:alert("星期三");break;
			case 4:alert("星期四");break;
			case 5:alert("星期五");break;
			case 6:alert("星期六");break;
			default:alert("非法數字！");
		    }
		}
	}
}
</script>

判斷一個整數屬於哪個範圍：大於0；小於0；等於0

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt"/>
		<input type="button" id="btn" value="測試" />
	</body>
</html>
<script type="text/javascript">
window.onload = function(){
	//判斷一個整數，屬於哪個範圍：大於0；小於0；等於0。
    document.getElementById("btn").onclick = function(){
        var num = parseInt(document.getElementById("txt").value);
    	if(num<0){
    		alert(num+"小於0");
    	}else if(num>0){
    		alert(num+"大於0");
    	}else{
    		alert(num+"等於0");
    	}
    }
}
	
</script>

判斷一個數是奇數還是偶數，並輸出他的結果

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt" />
		<input type="button" id="btn" value="測試"/>
	</body>
</html>
<script type="text/javascript">
//判斷一個整數是偶數還是奇數，並輸出判斷結果。
window.onload = function(){
	document.getElementById("btn").onclick = function(){
		var num = document.getElementById("txt").value;
		if(parseInt(num)!=num || num == ''){
			alert("請輸入一個整數！");
		}else if(num % 2 != 0){
			alert(num+"是奇數！");
		}else{
			alert(num+"是偶數！");
		}
	}
	
}
</script>

開發一款軟件，根據公式（身高-108）*2=體重，可以有10斤左右的浮動。來觀察測試者體重是否合適。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		請輸入您的身高：<input type="text" id="txt1" /><br />
		請輸入您的體重：<input type="text" id="txt2" /><br />
		<input type="button" id="btn" value="檢測"/>
	</body>
</html>
<script type="text/javascript">
window.onload = function(){
	//給按鈕添加點擊事件
	document.getElementById("btn").onclick = function(){		    
		//開發一款軟件，根據公式（身高-108）*2=體重，可以有10斤左右的浮動。來觀察測試者體重是否合適。
		//獲取兩個文本框的值
		var height = document.getElementById("txt1").value;
		var weight = document.getElementById("txt2").value;
		//計算公式
	    var result = (height-108)*2;
	    if(result-10<=weight &&　result+10>=weight){
	    	alert("您是標準身材！");
	    }else if(result-10>weight){
	    	alert("您的身材偏瘦！");
	    }else if(result+10<weight){
	    	alert("您的身材偏重！")
	    }
	}
}
</script>

輸入月份，顯示當月的天數。要求：1) 利用case穿透簡化代碼。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt" />
		<input type="button" id="btn" value="測試" />
	</body>
</html>
<script type="text/javascript">
window.onload = function(){
	document.getElementById("btn").onclick = function(){
			console.log(111);
		var num = Number(document.getElementById("txt").value);
			switch(num){
				case 1:
				case 3:
				case 5:
				case 7:
				case 8:
				case 10:
				case 12: 
					alert(num+"月有31天");break;
				case 4:
				case 6:
				case 9:
				case 11:
					alert(num+"月有30天");break;
				case 2:
					alert(num+"月閏年29天，平年28天");break;
				default:alert("請輸入合法的月份！");
			}
	}
}
</script>

根據一個數字日期，判定這個日期是這一年的第幾天。例如：20160211，計算後結果爲42.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt" />例如：20160211，計算後結果爲42.
		<input type="button" id="btn" value="計算" />
	</body>
</html>
<script type="text/javascript">
//根據一個數字日期，判定這個日期是這一年的第幾天。例如：20160211，計算後結果爲42.
window.onload = function(){
	//點擊事件
	document.getElementById("btn").onclick = function(){
		//獲取文本框的value值
		var dataValue = document.getElementById("txt").value;
		//分別拿出年、月、日
		var year = parseInt(dataValue/10000);
		var month = parseInt((dataValue-year*10000)/100);
		var day = dataValue%100;
		
		//1、3、5、7、8、10、12
		//4、6、9、11
		//2月有28或者29天
		//先定義一個變量allData來表示
		var allData = day;
		for(var i=1;i<month;i++){
			switch(i){
				case 1:
				case 3:
				case 5:
				case 7:
				case 8:
				case 10:
				case 12:
					allData += 31;break;
				case 4:
				case 6:
				case 9:
				case 11:
					allData +=30;break;
				case 2:
				//判斷二月份是不是閏年
					if(year % 4 ==0 && year % 100 ==0 || year % 400 ==0){
						allData +=29;
					}else{
						allData +=28;
					}
				break;
			}
		}
		console.log(allData);
	}
}
</script>

基本語法的課堂案例

使用neovim打造go ide(支持代碼跳轉, 代碼補全, 實時語法檢查)

挑戰程序設計競賽 2.3章習題 poj 3046 Ant Counting

Shell/Python中的用戶名獲取

JS中DOM0級和DOM2級以及IE的區別

JavaScript初識（三）

JavaScript初識（二）

靜下心來，靜靜理解js中的call、apply和bind方法

常見的四種排序方法

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結