keyboard events using Javascript

hello am new in coding am having trouble firing this code when i press ‘ArrowUp’.what am i missing.i am using chrome and my IDE is replit

let circle= document.querySelector('.circle')
 function control (event){
if (event.key === 'ArrowUp'){

  console.log('key pressed')
}
 }
 document.addEventListener('keydown',control)

here is the link to my project
https://replit.com/@GwendolineBinya/keyboard-events#script.js