我只是想为我的小项目将英尺转换为英寸,但它似乎不起作用。它所做的只是将最后的数字添加到第一个数字的末尾。我一定做错了什么。我只想将第一个数字相乘,然后将该数字加上英寸。谢谢
<!doctype>
<html>
<head>
<meta charset="utf-8">
<title>Are you tall enough</title>
<script type="text/javascript">
function ride(){
var rideMin = 64;
var ht = document.getElementById("height").value;
if( ht >= 64){
alert("You may go on the ride!!");
}else{
alert("Sorry, you may not go on the ride");
}
}
function converter(){
var aa = document.getElementById("feet").value;
var bb = document.getElementById("inches").value;
var cc = (aa * 12);
var resu = bb+cc;
document.getElementById("results").value = resu;
}
</script>
<style>
.container{
width: 960px;
}
input{
width:250px;
height: 150px;
margin-left: 375px;
}
img{
margin-left: 300px;
max-width: 100%;
width: 40%;
margin-bottom: 100px;
}
h1{
margin-left: 200px;
margin-bottom: 50px;
color: blue;
}
.conversion{
margin: 0;
width: 100px;
height: 50px;
}
.convert{
margin-left: 390px;
}
.results{
width: 100px;
height: 50px;
margin-left: 438px;
margin-bottom: 50px;
}
</style>
</head>
<body>
<div class="container">
<h1> Are you tall enough to ride the roller coaster</h1>
<img src="roller.png">
<div class="convert">
<h3>Convert feet to inches</h3>
<input class="conversion" type="text" id="feet" placeholder="Enter feet here">
<input class="conversion" type="text" id="inches" placeholder="Enter inches here">
<input class="conversion" type="submit" onclick="converter()">
</div>
<div class="result">
<input id="results" type="text" readonly>
<div class="height">
<input type="text" id="height" placeholder="Please enter your height in inches please">
<input type="submit" value="sumbit" onclick=ride()>
</div>
</div>
</body>
</html>
答案 0 :(得分:0)
使用parseInt转换为整数:
function converter(){
var aa = parseInt(document.getElementById("feet").value, 10);
var bb = parseInt(document.getElementById("inches").value, 10);
var cc = (aa * 12);
var resu = bb+cc;
document.getElementById("results").value = resu;
}
答案 1 :(得分:0)
请改用:
function ride(){
var rideMin = 64;
var ht = document.getElementById("height").value;
if( parseInt(ht) >= 64){
alert("You may go on the ride!!");
}else{
alert("Sorry, you may not go on the ride");
}
}
function converter(){
var aa = parseFloat(document.getElementById("feet").value);
var bb = parseFloat(document.getElementById("inches").value);
var cc = (aa * 12);
var resu = bb+cc;
document.getElementById("results").value = resu;
}
答案 2 :(得分:0)
如果您不想使用parseInt
,可以使用加号将字符串强制转换为整数。
var aa = +document.getElementById("feet").value;
var bb = +document.getElementById("inches").value;