Hangman jQuery Function

Hangman jQuery Function

本文关键字:Function jQuery Hangman      更新时间:2023-09-26

我已经基于我在网上找到的jQuery代码创建了一个hangman。我了解代码的工作原理,如果我只想使用一个单词,它会完美地工作。我想使用多个单词的游戏,所以我创建了一个函数,以便做到这一点。不幸的是,它不适用于函数。

这是我创建的功能:

 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>

正如我所说,它不起作用。你知道解决办法吗?

function hangman(var word)
//                ^try removing 'var'

似乎在某种程度上起作用:http://jsfiddle.net/BdkTC/