Day 30 of JavaScript 30 by Wes Bos finished a great course off with making a Whack-A-Mole game. There wasn’t much new material in this lesson, instead, it solidified what we have learned. And it was fun playing the game after I finished! We started by selecting classes and naming…

Day 29 of JavaScript 30 by Wes Bos involved making a countdown timer with some interesting features. A display below the timer shows what time it will be when the timer runs out. …

Day 28 of JavaScript 30 by Wes Bos consisted of making a video speed controller where the user can change the playback speed using a scrub bar. We started by selecting the speed, speed-bar, and video classes. const speed = document.querySelector('.speed'); const bar = document.querySelector('.speed-bar'); const video = document.querySelector('.flex'); The…

Day 27 of JavaScript 30 by Wes Bos involved setting up a click and drag feature to scroll through multiple divs horizontally across the viewport. The HTML and CSS made a series of 23 divs as a slider. The divs will transform slightly when clicked on for a nice effect. …

Day 26 of JavaScript 30 by Wes Bos involved setting up a dropdown element that followed along a navigation bar. The element was customized for each item in the menu. We set up three list items inside an unordered list that made up the navigation bar. They included a dropdown…

Day 25 of JavaScript 30 by Wes Bos worked on event listener concepts and introduced “once”. We started with three nested divs, selected them, and console logged the event. const divs = document.querySelectorAll('div'); function logText(e){ console.log(this.classList.value); } If you click on the innermost div, all three divs will log a…

Day 24 of JavaScript 30 by Wes Bos consisted of making a navigation bar sticking to the top of the page as a user scrolled down the web page. Also, a logo area will slide in from the top-left corner when the scrolling started. There was a header with a…

Day 23 of JavaScript 30 by Wes Bos involved making a speech synthesis app that converts a written text to digital voice. The program used the speech synthesis API that resides in most modern browsers. The app contained two input sliders to manipulate speech rate and pitch. First, we declared…

Day 22 of JavaScript 30 by Wes Bos involved setting up a cool feature to use on a navigation bar. As you moved the mouse across the bar, the tabs will highlight. The size of the highlight changes to fit the wording as the mouse moves to a different tab. …