Javascript 试图在我的无序列表框jQuery中打印消息

我正在创建一个猜谜游戏，由于某些原因，每次猜谜的文字都没有显示出来。有人能指出正确的方向吗

代码如下：

HTML:

猜猜看！
猜猜看

JS:

$（“#猜测按钮”）。单击（函数（）{
var guess=$（'#userGuess'）.val；
如果（猜测==数字）{
$（“#猜测列表”）.text（“
您已经猜到了数字！！
”；
}else if（猜测<数字）{
$（“#猜测列表”）.text（“
您需要走得更高。
”；
}否则如果（猜测>数字）{
$（“#猜测列表”）.text（“
”+“您需要放低一些。”+”
）
}
});

错误在这一行：

var guess = $('#userGuess').val;

使用jQuery时，设置属性的方法是。如果不传递任何参数，则它是一个

get

函数，如果传递，则它是一个

set

函数。因此，您应该使用：

var guess = $('#userGuess').val();

---

编辑有关语法错误，请参见@Buzinas-answer

您正在使用

.text（）

而不是

.html（）

进行设置

我们需要注意的是，这个方法会转义所提供的字符串 这是必要的，以便它能够以HTML格式正确呈现

您的代码将插入

<ul id="guessList" class="guessBox clearfix">
  &lt;li&gt;You'll need to go higher.&lt;/li&gt;
</ul>

---

1.您没有在js中定义“数字”

2.您应该使用

.val（）

获取猜测数

3.猜测按钮的类型不应提交

4.使用

.html（）

或

.append（）

而不是

.text（）

$（“#猜测按钮”）。单击（函数（）{
var数=1；
var guess=$（'#userGuess'）.val（）；
如果（猜测==数字）{
$（“#猜测列表”）.html（“
您已经猜到了数字！！
”；
}else if（猜测<数字）{
$（“#猜测列表”）.html（“
你需要走得更高。
”；
}否则如果（猜测>数字）{
$（“#猜测列表”）.html（“
”+“您需要降低价格。”+”
）
}

---

}))

太棒了！！！它成功了，一个大错误。谢谢你的帮助@Dave Anderson！！！

var guess = $('#userGuess').val();

<ul id="guessList" class="guessBox clearfix">
  &lt;li&gt;You'll need to go higher.&lt;/li&gt;
</ul>

$('#guessList').append($("<li>You'll need to go higher.</li>"));

<input type="button" id="guessButton" class="button" name="submit" value="Guess"/>
$("#guessButton").click(function() {
var number = 1;
var guess = $('#userGuess').val();
if (guess == number) {
$('#guessList').html("<li>You've guessed the number!!</li>");
} else if (guess < number) {
$('#guessList').html("<li>You'll need to go higher.</li>");
} else if (guess > number) {
$('#guessList').html("<li>" + "You'll need to go lower." + '</li>')
}