JavaScript-1.6-JavaScript 案例
JavaScript 案例
一：判斷一個數是否爲水仙花數
- 水仙花數是指一個 n 位數（n>=3），它的每個位上的數字的 n 次冪之和等於本身
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水仙花數</title>
</head>
<body>
<script type="text/javascript">
// 提示用戶輸入一個三位正整數
var num = prompt("請輸入一個三位正整數：");
var a = parseInt(num/100);
var b = parseInt(num%100/10);
var c = parseInt(num%10);
var sum = a*a*a + b*b*b + c*c*c;
document.write(sum==num?num + "是水仙花數":num + "不是水仙花數");
</script>
</body>
</html>
效果動態圖
二：閏年
- 能被4整除的普通年（不能被100整除的年份）或者 能被400整除的世紀年（能被100整除的年份）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水仙花數</title>
</head>
<body>
<script type="text/javascript">
var num = prompt("請輸入一個正整數：");
var a = num%4;
var b = num%100;
var c = num%400;
/* 閏年
能被4整除的普通年（不能被100整除的年份）；
或者能被400整除的世紀年（能被100整除的年份）
*/
document.write(a==0&&b!=0||c==0&&b==0?num + "是閏年":num + "不是閏年");
</script>
</body>
</html>
效果動態圖
三：編寫一個簡單的計算器
- 實現兩個數字的四則運算
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>加減乘除</title>
</head>
<body>
<script type="text/javascript">
var a = parseFloat(prompt("請輸入一個數："));
var b = prompt("請輸入運算符：");
var c = parseFloat(prompt("請輸入一個數："));
var sum
document.write(b=="+"?a+c:(b=="-"?a-c:(b=="*"?a*c:(b=="/"?a/c:"輸入錯誤，請重新輸入"))));
</script>
</body>
</html>
效果動態圖
四：學生個人信息展示
- 分別輸入學生的姓名、學號、班級以及年齡，然後以表格的形式輸出展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>學生個人信息展示</title>
</head>
<body>
<script type="text/javascript">
// 提示用戶輸入信息
var name = prompt("Enter your name:");
var num = prompt("Enter your number:");
var class_number = prompt("Enter your class name:");
var age = prompt("Enter your age:");
// 將以表格的形式輸出
document.write("<table border='1'> <caption>學生個人信息展示</caption>");
document.write("<tr>");
document.write("<td>姓名</td><td>學號</td><td>班級</td><td>年齡</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td align='center'>"+name+"</td>");
document.write("<td align='center'>"+num+"</td>");
document.write("<td align='center'>"+class_number+"</td>");
document.write("<td align='center'>"+age+"</td>");
document.write("</tr>");
document.write("</tabel>");
</script>
</body>
</html>
效果動態圖
