Javascript:Hang-Man功能不起作用

时间:2015-04-23 00:11:31

标签: javascript html

我目前正在使用浏览器制作一个简单的悬挂式游戏。

当用户点击按钮时,它会调用函数pickWord()

    <button onclick="pickWord()" id="restart">Pick A Word</button>

然后该函数从字典中选取一个随机单词,将其分配给变量,并为要放入html表的单词创建空格(_ _ _ _)。

    function pickWord()
    {
        var word = dictionary[Math.floor(Math.random()*dictionary.length)];
        wordSpaces = "_" * word.length;
        document.getElementById('spaces').innerHTML = wordSpaces;

    }

这不起作用:表格中没有显示空格。

我做了JSFiddle来帮助解决问题。

3 个答案:

答案 0 :(得分:1)

您不能将乘法应用于字符串和数字,因此您需要使用循环来构建wordSpaces字符串。

dictionary数组的第一行后有一个逗号丢失。

在你的JSFiddle中,javascript代码被包含在onLoad函数中,所以你在全局范围内没有pickWord。

已更新:https://jsfiddle.net/24eqxLpn/1/

答案 1 :(得分:0)

function pickWord() {
    var word = dictionary[Math.floor(Math.random()*dictionary.length)];

    var wordSpaces = '';
    for(var i=0;i<word.length;i++) {
        wordSpaces += '_'; // append
    }

    document.getElementById('spaces').innerHTML = wordSpaces;

}

答案 2 :(得分:0)

你的第一张pb来自你的桌子,你错过了一个逗号, 之后Javascript崩溃了。