说明如下:
要求用户输入以英寸为单位的数量(在文本框中)。
有一个选择框,其中包含以下选项:英尺、厘米、码。
如果他们选择英寸,则将转换计算为 1 英寸 = 0.0833 英尺。对于厘米:1 英寸 = 2.54 厘米。对于码,1 英寸 = 0.02778。
由于用户可能会输入小数 amoung(例如 3.99),因此请务必使用
parseFloat
选项进行解析。使用引用:查找
toFixed()
函数并确保结果输出到小数点后两位。输出到名为
results
的 div 部分。使用innerHTML
命令输出。
这是我当前使用的代码
function convertCurrency(r) {
document.getElementById("cnvrtMoney").innerHTML = "output";
if (dropdown == "feetConversion".parseFloat(r)) {
Convert = Convert / 0.0833;
} else if (dropdown == "centimetersConversion".parseFloat(r)) {
Convert = Convert / 2.54;
} else if (dropdown == "yardsConversion".parseFloat(r)) {
Convert = Convert / 0.02778;
}
Convert = Convert.toFixed(2);
var resultsString = "The amount would be" + Convert;
document.getElementById('results').innerHTML = resultsString;
}
body {
background-color: gray;
}
#heading {
background-color: lightgray;
text-align: center;
}
#formConverter {
background-color: white;
text-align: center;
text-justify: auto;
}
#EndResults {
background-color: darkgray;
text-align: center;
}
<html>
<head>
<meta charset="utf-8">
<title>Assignment 01: Currency Converter</title>
</head>
<body>
<div id="heading">
<h1> Currency Converter </h1>
<img src="CurrencyConverter.jpg" alt="Currency Converter Banner" width="600" height="200">
</div>
<div id="formConverter">
<form action="CurrencyConverter.php" method="get">
Enter Quantity (In Inches): <input type="text" name="inputInches" /><br> Select Conversion:
<select name="dropdown">
<option value="feetConversion">Feet </option>
<option value="centimetersConversion">Centimeters </option>
<option value="yardsConversion">Yards </option>
</select>
</form>
</div>
<div id="results">
</div>
</body>
</html>
我试图让它在用户单击下拉按钮时显示,并进行所需的精确转换。如果有人可以提供帮助,我将不胜感激。
最佳答案
首先,这是JavaScript代码,你不需要<form>
.
其次,要通过 ID 访问元素,您必须设置 ID 属性而不是 NAME。
第三,数学是错误的。
第四...
最好显示工作代码。这是事件处理程序:
function convertCurrency() {
var dropdown = document.getElementById("dropdown").value;
var inputInches = document.getElementById("inputInches").value;
switch (dropdown){
case "feetConversion":
Convert = inputInches * 0.0833;
break;
case "centimetersConversion":
Convert = inputInches * 2.54;
break;
case "yardsConversion":
Convert = inputInches * 0.02778;
break;
}
var resultsString = "The amount would be: " + Convert;
document.getElementById("results").innerHTML = resultsString;
}
这是 HTML 布局:
<input type="text" id="inputInches"/><br>
Select Conversion:
<select id="dropdown" onchange="convertCurrency()">
<option value="" disabled="disabled" selected="selected"></option>
<option value="feetConversion">Feet </option>
<option value="centimetersConversion">Centimeters </option>
<option value="yardsConversion">Yards </option>
</select>
<div id="results"></div>
关于javascript - 以英寸为单位的数量转换为英尺、厘米或码 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52377472/