keycode در js

سلام من الان مدت کوتاهی هست دارم با js کار میکنم و الان دارم کار با ایونت ها یاد می گیریم ولی واقعا js برام خیلی شلوغه و سینتکس خیلی از موارد اش نمیتونم درست متوجه بشم مثلا اینجا یک فرم ساده ساختم که کاربر وقتی توی باکس کاراکتر هگز 50 که رسید (@) توی تگ input یک کادر قرمز نمایش داده بشه
بخش کدی که اشکال داره اینجا گذاشتم !

<label> enter your keyboread selector </label>
      <input type = "text" placeholder = "enter your keywords test " id = "txt-e"  onkeyup = "txt1_keydown(event)"  onkeydown = "txt1_keydown(event)" >
js code //
function txt1_keydown(e)
        {
             if (e.keycode == 50){
            document.getElementById("txt-e").style.background = 'red';
       }
    }

عنوان لینک مورد نظر