Uncaught TypeError: document.getElementbyId is not a function Pac-man style game

Question

我是 Javascript 的新手，正在开发一款吃豆人风格的小型游戏。
我被这个错误困住了，不确定出了什么问题。请告诉我！

代码在这里：

...(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;

Answer 1

我认为您应该在代码中将 By 大写。像这样：

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

Java script 函数是 camel case

Answer 2

以上代码中存在一些错误，请在以下 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>

Uncaught TypeError: document.getElementbyId is not a function Pac-man style game

Uncaught TypeError: document.getElementbyId is not a function Pac-man style game

html

javascript

typeerror

pacman