Yahoo 知識+ 將於 2021 年 5 月 4 日 (美國東岸時間) 停止服務,而 Yahoo 知識+ 網站現已轉為僅限瀏覽模式。其他 Yahoo 資產或服務,或你的 Yahoo 帳戶將不會有任何變更。你可以在此服務中心網頁進一步了解 Yahoo 知識+ 停止服務的事宜,以及了解如何下載你的資料。
javascript 請教,這個程式怎麼寫?謝謝
你好,我打算用javascript設計一個等級計算器,可是不太會,有大大能賜教嗎?謝謝你喔~不一定要寫出來的~XD,大概說明一下要怎樣寫(用什麼功能?)就可以了,謝謝了!!
如下圖
圖片參考:https://s.yimg.com/rk/HA01009730/o/342370095.png
1. 用戶先在首部份「卷一」、「卷二」、「卷三」輸入分數。
2. 然後按「查看成績」
3.結果會顯示各卷等級和全科等級。
公式如下:
= 等於
>大於
<小於
>= /<= 大於及等於/少於及等於
100 分為滿分,
各份卷的等級計算是:
>=90 = A 級
>=80~<90= B 級
(其他我自行新增^^)
全份卷的等級計算是:
(卷一的分數+卷二的分數+卷三的分數)/3
然後再用
>=90 = A 級
>=80~<90= B 級
(其他我自行新增^^)
來決定等級。
謝謝!謝謝!
2 個解答
- ?Lv 76 年前最愛解答
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewpoint" content="width=device-width" />
<style type="text/css">
td { text-align: center; }
</style>
<script type="text/javascript">
function calculate() {
var total = 0;
total += get_score("page1", "result1");
total += get_score("page2", "result2");
total += get_score("page3", "result3");
var total_grade = get_grade(total / 3);
document.getElementById("overall").innerHTML = total_grade;
}
function get_score(score_from, result_to) {
var score = parseInt(document.getElementById(score_from).value);
document.getElementById(result_to).innerHTML = get_grade(score);
return score
}
function get_grade(score) {
var result = "D";
if (score >= 90) {
result = "A";
} else if (score >= 80) {
result = "B";
}
return result;
}
</script>
</head>
<body>
<table>
<tr>
<td>卷一</td>
<td><input type="text" id="page1" size="5" maxlength="3" /></td>
<td>卷二</td>
<td><input type="text" id="page2" size="5" maxlength="3" /></td>
<td>卷三</td>
<td><input type="text" id="page3" size="5" maxlength="3" /></td>
</tr>
<tr>
<td colspan="6">
<button type="button" onclick="calculate()">查看成績</button>
</td>
</tr>
<tr>
<td colspan="6">結果</td>
</tr>
<tr>
<td colspan="2">卷一等級</td>
<td colspan="2">卷二等級</td>
<td colspan="2">卷三等級</td>
</tr>
<tr>
<td colspan="2">
<span id="result1"></span>
</td>
<td colspan="2">
<span id="result2"></span>
</td>
<td colspan="2">
<span id="result3"></span>
</td>
</tr>
<tr>
<td colspan="6">全科等級</td>
</tr>
<tr>
<td colspan="6"><span id="overall"></span></td>
</tr>
</table>
</body>
</html>