JavaScriptを使用したハングマンゲームのロジック

Question

私はハングマンゲームを構築しようとしています。ロジックには助けが必要です。私は初心者のクラスですので、初心者の構文を使ってこれを試してみたいと思います。私が理解しようとしているもの

2）私の問題は、空白行を表すダッシュ（ - ）を表示する必要があり、ランダムに選択した単語の長さが同じである必要があります。さらに、文字が正しく推測されるたびに、正しく選択された文字でダッシュを置き換える必要があります。私が考えている解決策は、空の配列を作成して、文字列の長さであるforループのダッシュ記号を割り当ててから、一致する文字で特定のダッシュのインデックスを置き換えることですが、これが動作するかどうかはわかりません。

var randomWords = ['rock', 'paper', 'scissors']; 
var numWins = 0; 
var chosenWord = randomWords[Math.floor(Math.random() * randomWords.length)]; 
document.onkeyup = function(event) { 
    // var userGuess = String.fromCharCode(event.keyCode).toLowerCase(); 
    var dashes = ""; 
    for (var x = 0; x < chosenWord.length; x++) { 
     dashes += " - "; 
     // document.getElementById("word").innerHTML = blankLines; 
     // document.getElementById("word").innerHTML = ; 
    } 
    document.getElementById("word").innerHTML = dashes; 

ダッシュを下の行の文字で置き換えようとしています。しかし、両方のコードをコメントアウトし、コメントアウトされていないコードが動作します。私はこの1つは動作するはずfoorループ

に

 // for (x = 0; x < chosenWord.length; x++) 
    // { 
    //   dashes[x] = "a"; 
    //   dahes.charAt(x) = 'a'; 
    // } 
    dashes.charAt(0) = "a"; 
    document.getElementById("test2").innerHTML = dashes; 

Answer 1

を使用して、データとそれを埋めることができるかどうか確認してください空の配列を使用してではなく、を考えています理由です。最初の場合（単語に空白がある場合）、空白が表示されます。 2番目のケースでは、単語のすべての文字をダッシュ​​に置き換えます。

var dashes = ""; 
 

 

 
for (i = 0; i < chosenWord.length; i++) { 
 
    if (chosenWord.charAt(i) == " ") { 
 
    dashes += " "; 
 
    } else { 
 
    dashes += "-"; 
 
    } 
 
}