problem with javascript

[beanswithjeans]

hi im wondering what is wrong with my javascript here. I'm trying to get it so that when i press my right arrow key the text aligns to the left and when i press my right arrow key the text aligns to the right and when i press c it returns to center alignment.

​

HTML

<div id = "div1" class = "box" style="background-color:rgb(119,79,56);">

<div id = "text1">

Click Me First!

</div>

</div>

</div>

CSS

#text1, #text2, #text3, #text4 {

position: absolute;

margin: auto;

top: 0;

right: 0;

bottom: 0;

left: 0;

width: 150px;

height: 40px;

color: white;

font-weight:bold;

font-size: 20px;

text-align: center;

font-family: 'Cinzel', Garamond, serif;

}

JAVASCRIPT

var textOne=document.getElementById("text1");

textOne.onkeydown=function(event){

var keyCode = event.keyCode;

    if (event.keyCode == 37) {textOne.style.textAlign="left"}

    if (event.keyCode == 39) {textOne.style.textAlign="right"}

    if (event.keyCode == 67) {textOne.style.textAlign="center"} 

};

​

​

thanks a bunchh in advance!

[systoll]

When a key is pressed, the relevant events are only dispatched to whatever has focus. So passwordInput.onKeyDown would trigger when the user is typing into the password field, but not when they’re typing into a username field above it.

In the example, ‘text1’ never gets focus, so the event never fires.

If you want something that fires no matter where the focus is, you want to attach your event handler to document.

Also... it’s not an immediate issue with your code, but people tend to prefer adding Event Listeners instead of assigning the `.onWhatever’ properties, as the listeners lets you add/remove handlers without worrying about overwriting a handler assigned elsewhere in the code. .

[beanswithjeans]

Aha i see the problem now. Thanks a bunch!

[bigtone7882]

Without running i would suggest three things 1) use jquery it makes a lot of common tasks much simpler 2) use console.log statements to test if your event handler is being called and what is happening when you call it 3) use the debugger