Warum funktioniert .append() nicht in meinem Code?

Ich bin so verwirrt. Ich habe diese Jquery-Funktion schon eine Weile benutzt und es wird hier nicht funktionieren. Sie gibt den richtigen Wert zurück und gibt sie an die Konsole aus, aber sie hängt die Daten beim Laden der Seite nicht an.Warum funktioniert .append() nicht in meinem Code?

HTML:

<div class="row"> 
    <div class="col-xs-12"> 
     <span>Press any key to get started!</span> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-xs-12"> 
     <span>Wins</span> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-xs-12"> 
     <div>Current word: </div> 
     <br> 
     <div class="currentWord"></div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-xs-12"> 
     <span class="guessRem">Number of guesses remaining:</span> 
    </div> 
</div>

JS:

var hangmanWords = ["baseball", "programming", "movies", "america", "lakers", "gardening"]; 
var wins = 0; 
var remainingGuesses = 12; 

function selectAWord(){ 
    var randomVal = hangmanWords[Math.floor(Math.random() * hangmanWords.length)].toString(); 

    $(".currentWord").append(randomVal); 
    $('.guessRem').append(remainingGuesses); 

    console.log(randomVal); 
    return (randomVal); 
} 
selectAWord();

Quelle

2017-01-30 Andrew Little

Sind Sie die 'bereit()' Funktion? –

Wenn sich Ihr Code in einem '

Verwandte Themen