1

我只是好奇为什么这个简单的功能不起作用。我已经查看了所有内容，但仍然出现错误。我只是想看看这个人是否能够乘坐过山车。最小高度是 64。所以任何等于或大于的值都是允许的。任何帮助将不胜感激。

<!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")[0].value;

if( ht <= 64){
    prompt(You may go on the ride!!);
}
 }



</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;
}

</style>

</head>
<body>
<div class="container">
<h1> Are you tall enough to ride the roller coaster</h1>
<img src="roller.png">
<div class="height">
<input type="text" id="height" placeholder="Please enter your height">
<input type="submit" value="sumbit" onclick=ride()>
</div>
</div>
4

3 回答 3

1

记住你想显示一个字符串！你忘了" "

prompt("You may go on the ride!!");
于 2013-11-14T00:09:55.707 回答
1

它应该是

if( ht >= 64){

不是

if( ht <= 64)

和提示中的“”，您还应该考虑使用警报而不是提示。prompt 接受用户的输入，而 alert 只显示消息。

于 2013-11-14T00:12:43.867 回答
1

您应该将文本放在prompt() 中的括号中，例如

 prompt("You may go on the ride!!");

也应该是

  ht = document.getElementById("height").value;

document.getElementById("height") 不返回集合，因为“height”是 id 而不是类。如果你已经声明像

  <input type="text" class="height" placeholder="Please enter your height">

你可以使用

  ht = document.getElementsByClassName("height")[0].value;
于 2013-11-14T00:23:45.933 回答