javascript 請教,這個程式怎麼寫?謝謝

2014-12-13 11:47 pm

你好,我打算用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)

2014-12-14 7:04 pm
✔ 最佳答案
<!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>
2014-12-17 12:15 am
試試看他的方法
TS777。CC


收錄日期: 2021-04-24 10:02:32
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20141213000010KK02862

檢視 Wayback Machine 備份