创造一个BINGO游戏

Creating a BINGO Game

本文关键字：一个 BINGO 游戏 创造      更新时间：2023-09-26

我正在尝试使用字母而不是数字创建一个BINGO游戏。我正在分解javascript代码。在执行随机字母之前，我希望"square0"显示一个字母(例如:"a")，但是，没有显示字母"a"。如有任何建议，我将不胜感激。这是我的文件:

HTML: 

<table class="bingo">
    <tr>
        <th>B</th>
        <th>I</th>
        <th>N</th>
        <th>G</th>
        <th>O</th>
    </tr>
    <tr>
        <td id="square0"></td>
        <td id="square1"></td>
        <td id="square2"></td>
        <td id="square3"></td>
        <td id="square4"></td>
    </tr>
    <tr>
        <td id="square5"></td>
        <td id="square6"></td>
        <td id="square7"></td>
        <td id="square8"></td>
        <td id="square9"></td>
    </tr>
    <tr>
        <td id="square10"></td>
        <td id="square11"></td>
        <td id="free">Free</td>
        <td id="square13"></td>
        <td id="square14"></td>
    </tr>
    <tr>
        <td id="square15"></td>
        <td id="square16"></td>
        <td id="square17"></td>
        <td id="square18"></td>
        <td id="square19"></td>
   </tr>
   <tr>
        <td id="square20"></td>
        <td id="square21"></td>
        <td id="square22"></td>
        <td id="square23"></td>
        <td id="square24"></td>
   </tr>
</table>

JS: 

var $ = function (id) {
    return document.getElementById(id); 
}
window.onload = function () {
    document.$("square0").innerHTML = "a";
}
http://jsfiddle.net/RE006/1g4mdqgo/

问题中显示的代码不起作用，因为您需要将get元素快捷方式函数引用为$()或window.$()， 而不是作为document.$()。

window.onload = function () {
    $("square0").innerHTML = "a";
    // OR window.$("square0").innerHTML = "a";
}

你的小提琴坏了，因为:

  • 您没有包含$()函数的定义
    • 您已经尝试在jsfiddle为您提供的默认onload处理程序中设置window.onload = ，这意味着当您尝试创建自己的onload处理程序时，onload事件已经发生。看一下左边的框架&扩展标题:有一个下拉框说"onLoad"，你应该改变为"No wrap - in <head>"(或"No wrap - in <body>")。

演示:http://jsfiddle.net/1g4mdqgo/4/

刚刚更新了缺少该功能的小提琴。

var $ = function (id)     {
 return document.getElementById(id);
}
window.onload = { $("square0").innerHTML = "a"; }

这使函数与调用它分开，因为我假设您计划多次调用它。

'document'已经是函数的一部分，所以在调用window时不需要它。onload，实际上你的代码正在做一个document.document.getElementById。

术语'function()'在调用变量$时不需要在onload中执行函数调用本身。参见函数表达式

nnnnnn给出了一个可行的答案，还包括jfiddle的onload解释(onload是左侧菜单框架下的jsfiddle选项)。

相关文章：