javascript - 通过id的getDocument/从按钮获取输入文本不起作用

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

});

<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>

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

最佳答案

您的脚本无效：

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

这将在控制台中给您一个错误：

Unexpected token ;

你的代码应该是：

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

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