Home/ Questions/Q 8058777
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T09:27:26+00:00

Here is my code: <html> <head> <title>My Game Title Goes Here!</title> <script type=text/javascript> function

  • 0

Here is my code:

<html>
<head>
<title>My Game Title Goes Here!</title>
<script type="text/javascript">
function startGame(){
    document.getElementById("2").innerHTML = ('Testing!');
}
document.body.onload = keyListener(){
    document.getElementById("1").onkeypress = startGame;
}
</script>
</head>
<body>
<div class="title" name="Game Title" id="0">Game Title</div>
<div tabindex="0" class="gamecontainer" name="Game Container" id="1">
Press any key to start.
</div>
<div class="gamemonitor" name="Game Monitor" id="2">
Game Monitor:
</div>
</body>
</html>

I doesn’t work like I expect it to (I’m using Google Chrome).

It only works if I run it directly, like this:

<div tabindex="0" class="gamecontainer" name="Game Container" id="1" onkeypress="document.getElementById('2').innerHTML = ('Testing!')">
Press any key to start.
</div>
<div class="gamemonitor" name="Game Monitor" id="2">
Game Monitor:
</div>

I checked over my code tons of times and i cannot find any clear mistakes like typos or anything. If that is the problem then I am sorry to have wasted your time but this is realy buggin’ me.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    document.body doesn’t have an onload property. It should be window.onload instead.

    window.onload = function(){
    document.getElementById("1").onkeypress = startGame;
}

    DEMO: http://jsfiddle.net/9khng/

    • 0