未捕获的TypeError:document.getElementbyId不是功能吃豆人风格的游戏

时间:2018-11-26 04:41:26

标签: javascript html uncaught-typeerror pacman

我是Java语言的新手,同时正在开发一款小型的吃豆人风格的游戏。
我陷入了这个错误,不确定是什么错误。请告诉我!

PICTURE 1 Error seen in console PICTURE 2 Error pic in Source

代码在这里:

...(CSS CODE)...

<script type="text/javascript">

var world =[
[1,1,1,1,1],
[1,0,2,2,1],
[1,2,1,2,1],
[1,2,2,2,1],
[1,1,1,1,1] 
]

 var worldDict ={
    0:'blank',
    1:'wall',
    2:'sushi'
 }

  function drawWorld(){
   output=" ";

for( var row= 0; row<world.length;row++){
    output+= "<div class = 'row'></div>";
    for ( var x= 0; x<world[row].length;x++){
        console.log("Element: ", worldDict[world[row][x]]);
    }
}
document.getElementbyId('world').innerHTML=output;

2 个答案:

答案 0 :(得分:0)

我认为您应该在代码中使用大写。像这样:

document.getElementById('world').innerHTML = output;

Java script函数是camel case

答案 1 :(得分:0)

上面的代码中有一些错误可以在下面的javascript代码中更正。

 <html>
        <head>
        <div id="world"></div>
        <script type="text/javascript">
        var world =[
        [1,1,1,1,1],
        [1,0,2,2,1],
        [1,2,1,2,1],
        [1,2,2,2,1],
        [1,1,1,1,1] 
        ]
        var worldDict ={
            0:'blank',
            1:'wall',
            2:'sushi'
         }
        function drawWorld(){
           output=" ";

        for( var row= 0; row<world.length; row++){

            for ( var x= 0; x<world[row].length; x++){
               output+= "<div class = 'row'> " + worldDict[world[row][x]] + "</div>";
            }
        }
        document.getElementById('world').innerHTML = output;
        }
        drawWorld();
        </script>
        </body>
        </html>