vue3學生管理系統筆記
阿新 • • 發佈：2022-05-12
### 1 使用for迴圈列印三角形
- 題目描述：
- 具體效果如下：
☆ ☆☆ ☆☆☆ ☆☆☆☆ ☆☆☆☆☆
- 題目提示：
- 利用雙重for迴圈
### 2.求累加和。
- 題目描述： - 求整數1～100的累加值，但要求跳過所有個位為3的數。 - 題目提示： - 使用%判個位數是否為3 - 用continue實現
### 3.反轉陣列
* 題目描述 * 有一個數組 ['煙鎖池塘柳'，'炮鎮海城樓'，'深圳鐵板燒'，'鏽堵油煙機'，'燈垂錦檻波' ]，對這個陣列實現反轉，輸出新陣列。 * 題目提示： * 倒著遍歷陣列
### 4.求陣列的的最大值
* 題目描述 * 有一個數組 [1, 10, 4, 20, 30, 5, 6, 28]，求出這個陣列的最大值。 * 題目提示： * 先假設一個最大值，利用for迴圈遍歷，依次比較。
## - 小組作業
### 簡易ATM
- 題目描述：
- 裡面現存有 100 塊錢。
- 如果存錢，就用輸入錢數加上先存的錢數, 之後彈出顯示餘額提示框
- 如果取錢，就減去取的錢數，之後彈出顯示餘額提示框
- 如果顯示餘額，就輸出餘額
- 如果退出，彈出退出資訊提示框
操作介面如下
- 題目提示：
- 通過輸入的數值判斷使用者操作 <!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // ==================================1 使用for迴圈列印三角形 /* var str = ''; for (var i = 0; i < 5; i++) { for (var j = 0; j < i + 1; j++) { str += '☆'; } str += '\n'; } console.log(str);
*/ // =================================2.求累加和。 var sum = 0; for (var i = 1; i <= 100; i++) { // i % 10 求餘為3的，即個位數為3的數，就跳出本次迴圈，不參與運算 if (i % 10 == 3) continue sum += i; } alert("整數1～100的總和為" + sum);
// ===================================3.反轉陣列 /* var arr = ['煙鎖池塘柳', '炮鎮海城樓', '深圳鐵板燒', '鏽堵油煙機', '燈垂錦檻波'] var reverse = [] for (var i = arr.length - 1; i >= 0; i--) { reverse[reverse.length] = arr[i]; } console.log(reverse); */ //==================================== 4.求陣列的的最大值 /* var arr2 = [1, 10, 4, 20, 30, 5, 6, 28] // 王者假設法-------- var max = arr2[0]; for (var i = 0; i < arr2.length; i++) { if (arr2[i] > max) { max = arr2[i] } } console.log("陣列中最大值為" + max); */ // ====================================簡易ATM // ！！！！str 必須轉換為數字型別，否則switch裡的key值與之不能比較 var str = prompt("請輸入您要的操作：\n1.存錢 \n2.取錢\n3.顯示餘額 \n4.退出") str = parseInt(str); var money = 100; switch (str) { case 1: var money2 = parseInt(prompt("請輸入所存存款數額")) money += money2; alert("餘額為" + money) break; case 2: var money3 = parseInt(prompt("請輸入所取存款數額")) if (money3 <= money) { money -= money3; alert("餘額為" + money) } else { alert("您的餘額已不足") } break; case 3: alert("餘額為" + money) break; case 4: alert("您已退出操作介面") break; default: break; }
</script> </head>
<body>
</body>
</html>
- 題目描述：
- 具體效果如下：
☆ ☆☆ ☆☆☆ ☆☆☆☆ ☆☆☆☆☆
- 題目提示：
- 利用雙重for迴圈
### 2.求累加和。
- 題目描述： - 求整數1～100的累加值，但要求跳過所有個位為3的數。 - 題目提示： - 使用%判個位數是否為3 - 用continue實現
### 3.反轉陣列
* 題目描述 * 有一個數組 ['煙鎖池塘柳'，'炮鎮海城樓'，'深圳鐵板燒'，'鏽堵油煙機'，'燈垂錦檻波' ]，對這個陣列實現反轉，輸出新陣列。 * 題目提示： * 倒著遍歷陣列
### 4.求陣列的的最大值
* 題目描述 * 有一個數組 [1, 10, 4, 20, 30, 5, 6, 28]，求出這個陣列的最大值。 * 題目提示： * 先假設一個最大值，利用for迴圈遍歷，依次比較。
## - 小組作業
### 簡易ATM
- 題目描述：
- 裡面現存有 100 塊錢。
- 如果存錢，就用輸入錢數加上先存的錢數, 之後彈出顯示餘額提示框
- 如果取錢，就減去取的錢數，之後彈出顯示餘額提示框
- 如果顯示餘額，就輸出餘額
- 如果退出，彈出退出資訊提示框
操作介面如下
- 題目提示：
- 通過輸入的數值判斷使用者操作 <!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // ==================================1 使用for迴圈列印三角形 /* var str = ''; for (var i = 0; i < 5; i++) { for (var j = 0; j < i + 1; j++) { str += '☆'; } str += '\n'; } console.log(str);
*/ // =================================2.求累加和。 var sum = 0; for (var i = 1; i <= 100; i++) { // i % 10 求餘為3的，即個位數為3的數，就跳出本次迴圈，不參與運算 if (i % 10 == 3) continue sum += i; } alert("整數1～100的總和為" + sum);
// ===================================3.反轉陣列 /* var arr = ['煙鎖池塘柳', '炮鎮海城樓', '深圳鐵板燒', '鏽堵油煙機', '燈垂錦檻波'] var reverse = [] for (var i = arr.length - 1; i >= 0; i--) { reverse[reverse.length] = arr[i]; } console.log(reverse); */ //==================================== 4.求陣列的的最大值 /* var arr2 = [1, 10, 4, 20, 30, 5, 6, 28] // 王者假設法-------- var max = arr2[0]; for (var i = 0; i < arr2.length; i++) { if (arr2[i] > max) { max = arr2[i] } } console.log("陣列中最大值為" + max); */ // ====================================簡易ATM // ！！！！str 必須轉換為數字型別，否則switch裡的key值與之不能比較 var str = prompt("請輸入您要的操作：\n1.存錢 \n2.取錢\n3.顯示餘額 \n4.退出") str = parseInt(str); var money = 100; switch (str) { case 1: var money2 = parseInt(prompt("請輸入所存存款數額")) money += money2; alert("餘額為" + money) break; case 2: var money3 = parseInt(prompt("請輸入所取存款數額")) if (money3 <= money) { money -= money3; alert("餘額為" + money) } else { alert("您的餘額已不足") } break; case 3: alert("餘額為" + money) break; case 4: alert("您已退出操作介面") break; default: break; }
</script> </head>
<body>
</body>
</html>