JavaScript30 - Result
01 - My - JavaScript Drum Kit
Sound is played when you press buttons on the keyboard. Keydown event + keyCode
Look here
02 - JS and CSS Clock
Analog clock that shows the current time. Made in a classic style. setInterval(() => + rotate
Look here
05 - Flex Panel Gallery
Flex Gallery - the columns of which expand upon mouse click + animation.
Look here
10 - Hold Shift and Check Checkboxes
By pressing the shift key, you can select multiple checkboxes.
Look here
12 - Key Sequence Detection
You need to find the correct keyboard code for Cornify. The result is output to the console. Keydown JS event.
Look here
13 - Slide in on Scroll
Certain animations are added to images when scrolling down the page. There are 4 types of animation.
Look here
16 - Mouse Move Shadow
Moving the mouse creates a shadow for the text and creates the effect of dividing the text into 4 parts. Not bad).
Look here
17 - Sort Without Articles
Sort words without articles A, The, An if they are in front of the word. Useful when sorting book or movie titles.
Look here
24 - Sticky Nav
This menu changes as you scroll down and up. It then locks in, and vice versa if you are at the top of the page.
Look here
27 - Click and Drag
With the left mouse button pressed, you can scroll this gallery to the right. Useful for carousels and galleries.
Look here