如何使用jQuery从文本字段获取输入？

Question

===============
HTML
===============
<div id='game'>
    <form id='user-input'>
        <input type='text' id='guess-value' placeholder='1-100'></input>    
        <button id='submit'>Submit</button>
    </form>
</div>

<h4 id='checker'>The value entered is <span id="value">?</span></h4>

===============
jQuery
===============
$(document).ready(function(){
    $('#submit').click(function() {
        var guess = +$('#guess-value').val();
        $("#value").text(guess);
    });
});

上面我显示了我的html和jQuery代码的片段。

我试图在id='guess-value'的文本字段中输入数字，然后单击提交按钮，1）将其存储在名为“ guess”的jQuery变量中，2）替换span标签之间的文本id='value'所以我可以检查输入是否正常。

span标记之间的文本没有更改，我的代码有什么问题？

Answer 1

var guess = +$('#guess-value').val();

尝试删除“ +”符号。 “ +”符号将获得将$('#guess-value').val()转换为数字的代码。 而是，仅按以下方式使用：

var guess = $('#guess-value').val();

剩下的代码对我来说似乎还可以。

您始终可以在浏览器（Chrome或IE）上按F12来查看控制台并检查JavaScript错误。

Answer 2

您在$('#guess-value').val();前面有这个额外的+号$('#guess-value').val(); 没有必要。 带有+号的代码告诉您转换$('#guess-value').val(); 成一个数字。

更改为此：

var guess = $('#guess-value').val();

除此之外，您的代码看起来还不错。