来自按钮的id / get输入文本的getDocument不起作用

Question

＆＃13;

＆＃13;

$(document).ready(function(){
   $('#guessSubmit').on('click',function(){
    userGuess=$('#userGuess').val();
   document.getElementById("results").innerHTML='Your name: '+ userGuess;
  });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="number" placeholder="Pick a number" class="picking"  id="userGuess"> 
        <button class="submit" id="guessSubmit"><i class="fa fa-share"></i>Submit</button>         
 <p id="results"></p>

＆＃13;

＆＃13;

＆＃13;

我试图显示输入文本并使用query和getElementById，但我的代码不起作用 - 有人知道问题是什么吗？

Answer 1

您的脚本无效：

document.getElementById("results").innerHTML='Your name: '+ ;

这会在您的控制台中出现错误：

Unexpected token ;

您的代码应为：

document.getElementById("results").innerHTML='Your name: '+ userGuess;

这是一个jsfiddle：https://jsfiddle.net/yyqnhvvf/2/

Answer 2

你实际上并没有在最后一个字符串中返回userGuess。将userGuess变量添加到其末尾：

document.getElementById("results").innerHTML='Your name: '+ userGuess;