Logic of Hangman Spiel mit Javascript

Question

Ich versuche, ein Hangman-Spiel zu bauen, und ich brauche Hilfe mit der Logik. Ich bin in einer Anfängerklasse, also möchte ich versuchen, dies mit der Anfänger-Syntax zu erstellen. Was ich versuche herauszufinden

2) Mein Problem ist, dass ich Bindestriche (-) anzeigen muss, die Leerzeilen darstellen und sie müssen die gleiche Länge des zufällig gewählten Wortes sein. Außerdem muss ich jedes Mal, wenn ein Brief richtig erraten wird, die Bindestriche durch den richtigen Buchstaben ersetzen. Eine Lösung, an die ich gedacht habe, ist, ein leeres Array zu erstellen und es dann in einer for-Schleife der Strichlänge zuzuweisen und dann die Indizes der einzelnen Bindestriche durch übereinstimmende Buchstaben zu ersetzen, aber ich bin mir nicht sicher, ob das funktioniert .

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; 

Der Versuch, unter einen Strich mit einem Buchstaben in Linien zu ersetzen. Aber beide haben Code auskommentiert und nicht auskommentierte Codes funktionieren. Deshalb habe ich ein leeres Array verwenden denke aber nicht sicher, ob ich es mit Daten unter Verwendung eines foor Schleife füllen

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

Dieser sollte funktionieren. Im ersten Fall (wenn im Wort ein Leerzeichen enthalten ist) wird ein Leerzeichen angezeigt. Im zweiten Fall ersetzt er jeden Buchstaben des Wortes mit einem Bindestrich.

var dashes = ""; 
 

 

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