Webinar Recording: Build Whack-a-Mole in 1 Hour

The recording from the Build Whack-a-Mole in 1 Hour webinar is now available on the JetBrains YouTube channel!

In this webinar, Ania Kubow, software developer and content creator, showed how she creates a Whack-a-Mole game using HTML, CSS, and JavaScript in WebStorm. This tutorial is perfect for you if you’re just starting with frontend development and are looking for an interactive and fun way to put theory into practice.

We’d also like to share the answers to some of the questions that were asked during the webinar:

What is the difference between querySelector and getElementById?

Both methods return elements from a web page. getElementById can be used when an element has an id property. If you need access to an element that doesn’t have an id, you can use querySelector() to find the element using any selector.

Why do you use ===, not ==?

The equality operator (==) checks whether its two operands are equal, returning a Boolean result. Unlike the strict equality operator (===), it attempts to convert and compare operands that are of different types. The usage of == or != can cause unexpected type coercion. To learn more about what type coercion is, check out this article.

What is the difference between var, let, and const?

let and const were introduced with the advent of ES2015 (ES6). Previously, the only way to declare a variable was to use var. There were several issues with var, so the new way to declare variables with let and const was introduced. There’s a great article explaining the differences between the three.

We hope you liked the webinar and learned something new! What else would you like to learn about? Please share your suggestions in the comments below or leave us a message on Twitter.

The WebStorm team

image description