Learn JavaScript KEY EVENTS in 10+ minutes! ⌨ 

FYI I was pretty sick while filming so my voice sounds kind of weird. // eventListener = Listen for specific events to create interactive web pages // events: keydown, keyup // document.addEventListener(event, callback); const myBox = document.getElementById("myBox"); const moveAmount = 10; let x = 0; let y = 0; document.addEventListener("keydown", event => { myBox.textContent = "😲"; myBox.style.backgroundColor = "tomato"; }); document.addEventListener("keyup", event => { myBox.textContent = "😀"; myBox.style.backgroundColor = "lightblue"; }); document.addEventListener("keydown", event => { if(event.key.startsWith("Arrow")){ event.preventDefault(); switch(event.key){ case "ArrowUp": y -= moveAmount; break; case "ArrowDown": y += moveAmount; break; case "ArrowLeft": x -= moveAmount; break; case "ArrowRight": x += moveAmount; break; } myBox.style.top = `${y}px`; myBox.style.left = `${x}px`; } });

You are the best programming channel. Only a month and a half ago I started learning on your channel and I have already made a site that checks answers and has 8 pages

best tutorials in a shorter amount of time, keep doing these man. expecting a playlist on new -v

love watching this series

Excellent teacher 😊 thank you for explaining very easily to understand

you are a legend man

Oh my days, I was just wondering about some code for simple movement cause I am think of making a game.... and here you are! Thank you for all your videos they are super helpful and you always keep it fun!🍬

Bro code= great tutorials with EPIC voice 😀😀😛👍👍🤩🤩

Thank you

Thank you !

why is arrow up y-= ? should it not be y+=?

WW