2017-01-30 109 views
3

我很困惑。我已經使用了這個jquery功能一段時間了,它不會在這裏工作。它返回正確的值並打印到控制檯,但不會在頁面加載時追加數據。爲什麼.append()不能在我的代碼中工作?

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(); 
+1

您使用的是'準備就緒()'函數? –

+1

如果您的代碼位於''內容的'

相關問題