getDocument von id/get Eingabetext von Taste funktioniert nicht

Question

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

Ich habe versucht, den Eingabetext angezeigt werden und mit Hilfe von Abfrage und getElementById aber mein Code nicht arbeits weiß jemand, was das Problem ist?

Answer 1

Sie haben ungültige Skript:

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

, dass Sie einen Fehler in der Konsole geben:

Unexpected token ; 

Ihr Code sein sollte:

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

Hier ist ein jsfiddle: https://jsfiddle.net/yyqnhvvf/2/

Answer 2

Sie geben die userGuess nicht wirklich in der letzten Zeichenfolge zurück. Fügen Sie die Variable userGuess am Ende hinzu:

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