Learn JavaScript KEY EVENTS in 10+ minutes! ⌨

Рет қаралды 15,863

6 ай бұрын

// eventListener = Listen for specific events to create interactive web pages
// events: keydown, keyup
// document.addEventListener(event, callback);

Пікірлер: 22

@BroCodez 6 ай бұрын

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`; } });

@Vio.444 6 ай бұрын

👽👽👽👽👽👽👽👽

@jakubmatusz1542 6 ай бұрын

Could you paste HTML and CSS code also? :)

@iam_mausam 3 ай бұрын

@@jakubmatusz1542 Document body{ margin: 0; } #myBox{ background-color: lightblue; width: 200px; height: 200px; font-size: 7.5rem; display: flex; justify-content: center; align-items: center; position: relative; } 🐶

@-_SleepAndEat_- 2 ай бұрын

Bro can you do Kali Linux ?

@doronfeldman5152 6 ай бұрын

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

@programmated_brian 6 ай бұрын

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

@jiyoungkim9258 6 ай бұрын

love watching this series

@Marsjemijntje 6 ай бұрын

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!🍬

@Nihalthegreat 6 ай бұрын

who the f makes a game with html

@Marsjemijntje 6 ай бұрын

@@Nihalthegreat Are you okay? For everyone's sake, I will leave it at that.....😘

@Nihalthegreat 6 ай бұрын

@@Marsjemijntjei didn't know about html game devlopment, sorry, i always did it with razium(c++) libary

@l-fitness3590 4 ай бұрын

@@Nihalthegreatanyone like me whose new to coding