[英]Using <select> tags with a Switch statment (Java and HTML)
我正在為游戲創建一個計算器,並且想使用下拉菜單在switch語句中選擇一個值; 盡管它似乎不起作用,但始終返回0。有人可以看到我出了錯嗎? 另外,我對Java和html還是很陌生,所以如果出現愚蠢的錯誤,我們深感抱歉。
這是我的html:
<form onsubmit="return calcDarkTroops(0);" style="display: inline;">
<!-- Title of Form /--> <font>Level</font>
<!-- Gets Input /-->
<select id="minionlevel_input">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
<!-- Calls 'calcDarkTroops' /-->
<input type="button" value="Calculate" onclick="calcDarkTroops();">
<!-- Outputs result /--> <span id="minioncost_result"> = 0 Dark Elixer</span>
這是我的Java:
calcDarkTroops = function () {
var minionlevel = Number(document.getElementById("minionlevel_input").value);
String maxString;
switch (minionlevel) {
case 1:
maxString = "200,000";
break;
case 2:
maxString = "190,000";
break;
case 3:
maxString = "170,000";
break;
case 4:
maxString = "140,000";
break;
case 5:
maxString = "100,000";
break;
case 6:
maxString = "0";
document.getElementById("minioncost_result").innerHTML = "= " + Math.round(maxString * 100) / 100 + " Dark Elixer";
}
嘗試為您的選擇選項提供value屬性,並考慮提供默認選項,
<select id="minionlevel_input">
<option value="0">Select</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
嘗試這個:
<form style="display: inline;">
<!-- Title of Form /--> <font>Level</font>
<!-- Gets Input /-->
<select id="minionlevel_input">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
<!-- Calls 'calcDarkTroops' /-->
<input type="button" value="Calculate" onclick="return calcDarkTroops(document.getElementById('minionlevel_input').value)">
<!-- Outputs result /--> <span id="minioncost_result"> = 0 Dark Elixer</span>
<script>
function calcDarkTroops(minionlevel) {
var maxString;
switch (minionlevel) {
case '1':
maxString = "200,000";
break;
case '2':
maxString = "190,000";
break;
case '3':
maxString = "170,000";
break;
case '4':
maxString = "140,000";
break;
case '5':
maxString = "100,000";
break;
case '6':
maxString = "0";
break;
}
document.getElementById("minioncost_result").innerHTML = "= " + Math.round(parseInt(maxString) * 100) / 100 + " Dark Elixer";
}
看到這個小提琴
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.