我的學生都是高三的藝考生，每次算分數他們自己算不清，這幾天我看房貸計算器的時候就想能不能幫我學生做一個這樣的頁面，可是我自己才疏學淺，所以來社區求助
主題：藝考生分數計算器
內容：H5的頁面，實作計算功能
功能：
1、比例的欄目是可選的，選擇一個另外一個自動鎖定
2、三個框填入2個，第三個框得出資料
3、就是別人打開這個頁面，第一次計算免費，第二次計算需要發朋友圈才能使用（如果很難實作也可以不需要）
我有的資源：對這個邏輯非常清晰，有網站服務器
截圖是我自己PS的最侄訓面
圖片的下面部分是靜態的，不需要根據計算得出，弄那個是為了讓學生加群，然后讓他們分享，讓更多藝考生享受。
uj5u.com熱心網友回復：
當其中一個框填入資料時， 另兩個框都有資料，那么變動的是哪個框。uj5u.com熱心網友回復：
聯考分數：<input type="text" id="liankao" value="" />分<br />
聯考分數占比：<select id="liankao_b">
<option value="https://bbs.csdn.net/topics/10%">10%</option>
<option value="https://bbs.csdn.net/topics/20%">20%</option>
<option value="https://bbs.csdn.net/topics/30%">30%</option>
<option value="https://bbs.csdn.net/topics/40%">40%</option>
<option value="https://bbs.csdn.net/topics/50%">50%</option>
<option value="https://bbs.csdn.net/topics/60%">60%</option>
<option value="https://bbs.csdn.net/topics/70%" selected="selected">70%</option>
<option value="https://bbs.csdn.net/topics/80%">80%</option>
<option value="https://bbs.csdn.net/topics/90%">90%</option>
</select><br />
高考文化分數：<input type="text" id="gaokao" value="" />分<br />
高考文化占比：<select id="gaokao_b">
<option value="https://bbs.csdn.net/topics/10%">10%</option>
<option value="https://bbs.csdn.net/topics/20%">20%</option>
<option value="https://bbs.csdn.net/topics/30%" selected="selected">30%</option>
<option value="https://bbs.csdn.net/topics/40%">40%</option>
<option value="https://bbs.csdn.net/topics/50%">50%</option>
<option value="https://bbs.csdn.net/topics/60%">60%</option>
<option value="https://bbs.csdn.net/topics/70%">70%</option>
<option value="https://bbs.csdn.net/topics/80%">80%</option>
<option value="https://bbs.csdn.net/topics/90%">90%</option>
</select><br />
投檔分：<input type="text" id="toudang" value="" />分<br />
<input type="button" value="https://bbs.csdn.net/topics/開始計算" id="calculate" />
<script type="text/javascript">
var liankao = document.getElementById("liankao");
var liankao_b = document.getElementById("liankao_b");
var gaokao = document.getElementById("gaokao");
var gaokao_b = document.getElementById("gaokao_b");
var toudang = document.getElementById("toudang");
liankao_b.onchange = function () {
gaokao_b.value = 100 - parseFloat(this.value) + "%";
}
gaokao_b.onchange = function () {
liankao_b.value = 100 - parseFloat(this.value) + "%";
}
document.getElementById("calculate").onclick = function () {
var lk = parseFloat(liankao.value);
var lk_m = parseFloat(liankao_b.value)/100;
var gk = parseFloat(gaokao.value);
var gk_m = parseFloat(gaokao_b.value)/100;
var td = parseFloat(toudang.value);
if ((isNaN(lk)?1:0)+(isNaN(gk)?1:0)+(isNaN(td)?1:0)!=1) {
alert("需要兩個框有數值，一個框為空。");
} else if (isNaN(lk)) {
liankao.value = (td - gk * gk_m) / lk_m;
} else if (isNaN(gk)) {
gaokao.value = (td - lk * lk_m) / gk_m;
} else {
toudang.value = lk * lk_m + gk * gk_m;
}
};
</script>
uj5u.com熱心網友回復：
剛好朋友寫了一個不知道對不對轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/101313.html
標籤：HTML(CSS)
上一篇：HTML和HTML5的區別
下一篇：css怎么學。