Moving a javascript character with the arrow keys

Question

I'm writing an RPG game in javascript, and I want my main character to move when youi press the arrow keys or the wasd keys. I have code to generate him, but how should I define his postion so he moves when the aforementioned keys are pressed?

function mainchar(){
    var mainchar = new Image();
    mainchar.src = /*I'll add this soon*/;
    mainchar.style.top = /*What should I put here?*/;
    mainchar.style.left = /*What should I put here?*/;
    mainchar.style.position = "absolute";
    document.body.appendChild( mainchar );
}

Answer 1

Use: http://help.dottoro.com/ljaffqqe.php

To capture when the keyup / keydown using the correct key code.

Then set mainchar.style.top to where ever you want it to be moved to...

eg

1. Detect Key
2. When correct key is pressed
3. Updated mainchar.stlye.top