オンラインで見つけたjQueryコードに基づいて絞首刑執行人を作成しました。コードがどのように機能するかを理解しており、1つの単語だけを使用したい場合は完全に機能します。複数の単語でゲームを使いたいので、そのための関数を作成しました。残念ながら、この機能では動作しません。
これは私が作成した関数です:
function hangman(var word)
{
var alpha = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
$.each(alpha.split(''), function(i, val){
$('#alpha').append($('<span class="guess">' + val + '</span>'));
});
$.each(word.split(''), function(i, val){
$('#word').append($('<span class="letter" letter="' + val +'">_</span>'));
});
$('.guess').click(function(){
var count = $('#word [letter='+$(this).text()+']').each(function(){ $(this).text($(this).attr('letter'));}).length;
$(this).removeClass('guess').css('color' , (count > 0 ? 'green' : 'red')).unbind('click');
});
}
$(document).ready(function() {
$('#BUT').click(function() {
hangman('DOG');
});
});
これが私のHTMLです。
<div id="hangman-jquery">
<div id="word"></div>
<div id="alpha"></div>
</div>
<button id= "BUT" ></button>
私が言ったように、それは機能しません。万が一解決策を知っていますか?