0
我试图做一个温度转换器,你从下拉菜单中选择一个类型的温度,然后在温度输入,温度转换器将其转换成其他两种形式的温度。华氏选项工作正常,但我无法弄清楚如何使摄氏度和Kelvin的选择工作。与下拉菜单
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #002b80;
}
p {
color: white;
}
</style>
</head>
<body>
<center>
<form>
<select id="temperature">
<option value="f">Fahrenheit</option>
<option value="c">Celsius</option>
<option value="k">Kelvin</option>
</select>
<input type="text" id="fconvert" onkeyup="myFunction()">
</form>
<br>
<br>
<input type="text" id="cconvert">
<input type="text" id="kconvert">
<br>
<br>
<span id="demo"></span></p>
<div id="temp">
</div>
</center>
<script>
function myFunction() {
if(document.getElementById("temperature").value = "f") {
convertF();
} else {
convertC();
}
}
function convertF() {
var x = document.getElementById("fconvert").value;
var convertF = x * 2;
var convertC = x * 3;
var convertK = x * 4;
document.getElementById("cconvert").value = convertF;
document.getElementById("kconvert").value = convertF;
}
function convertC() {
var x = document.getElementById("fconvert").value;
var convertF = x * 2;
var convertC = x * 3;
var convertK = x * 4;
document.getElementById("cconvert").value = convertC;
document.getElementById("kconvert").value = convertC;
}
function convertK() {
var x = document.getElementById("fconvert").value;
var convertF = x * 2;
var convertC = x * 3;
var convertK = x * 4;
document.getElementById("cconvert").value = convertK;
document.getElementById("kconvert").value = convertK;
}
</script>
</body>
</html>
什么是不工作的预期?此外,你不执行任何计算将温度转换。你是否在使用外部服务来做到这一点? – Steve