私はハングマンゲームを作っており、HTML、CSS、JSで困っています。私は、ボタンが押されると底部がトリガされ、関数内でbは配列から選択される文字を決定します(つまり、0,1 = alpha [1 - 1])。何らかの単語入力がありました。上記の変数を使用して、選択された文字が入力文字列にあるかどうかを調べるときに問題が発生しています。私がconsole.log(store、input)を実行するときのように。私はそれが必要なので、私は文字列を介して文字を実行することができますその後、文字が単語にあったかどうかを確認します。私はそれが面倒にすぎない願っていますので、私は「それが勝ったので感謝未確認の変数の問題
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="hang.js"></script>
<link rel="stylesheet" href="hang.css" type="text/css" />
</head>
<body>
<div class="push">
<input type="string" placeholder="What is your word ?" id="input">
<input type="button" onclick="word(1,0)" value=Submit>
</div>
<h2 class="output"></h2>
<div class="alpha">
<h1 onclick="word(0,1)">A</h1>
<h1 onclick="word(0,2)">B</h1>
<h1 onclick="word(0,3)">C</h1>
<h1 onclick="word(0,4)">D</h1>
<h1 onclick="word(0,5)">E</h1>
<h1 onclick="word(0,6)">F</h1>
<h1 onclick="word(0,7)">G</h1>
<h1 onclick="word(0,8)">H</h1>
<h1 onclick="word(0,9)">I</h1>
<h1 onclick="word(0,10)">J</h1>
<h1 onclick="word(0,11)">K</h1>
<h1 onclick="word(0,12)">L</h1>
<h1 onclick="word(0,13)">M</h1>
<h1 onclick="word(0,14)">N</h1>
<h1 onclick="word(0,15)">O</h1>
<h1 onclick="word(0,16)">P</h1>
<h1 onclick="word(0,17)">Q</h1>
<h1 onclick="word(0,18)">R</h1>
<h1 onclick="word(0,19)">S</h1>
<h1 onclick="word(0,20)">T</h1>
<h1 onclick="word(0,21)">U</h1>
<h1 onclick="word(0,22)">V</h1>
<h1 onclick="word(0,23)">W</h1>
<h1 onclick="word(0,24)">X</h1>
<h1 onclick="word(0,25)">Y</h1>
<h1 onclick="word(0,26)">Z</h1>
<h1 onclick="word(0,27)">_</h1>
<h1 onclick="word(0,28)">-</h1>
</div>
</body>
</html>
var alpha = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', ' ', '-'];
// -------------------- changes and counts word into spaces
function word(a, b) {
if (a === 1) {
var input = document.getElementById('input').value;
input = input.toLowerCase();
var store = [];
for (var i = 0; i < input.length; i++) {
store.push('_');
}
document.getElementsByClassName('output')[0].innerHTML = store;
document.getElementById('input').value = '';
} // -------------------------- checking if letter chosen is correct
else if (a === 0) {
console.log(store, input);
}
}
bを一度も使用しない場合の単語(a、b) –
どうして正しく動作しないのですか?どのように正確に作業する必要がありますか?あなたはあなたの質問を編集してスニペットを広げ、あなたの質問を明確にするだけでなくHTMLを含めることができます。 – Xufox
array = string.split( "")を使って単語を配列として返します –