In this tutorial, we are going to create a relatively simple battle simulator project with n <= 5 battle units to fight between each other. The aim of the project is to achieve a complete and working JavaScript code. With this code, we will cover a lot of JavaScript language and coding concepts, such as object literal vs object constructor notation, functions vs. arrow functions – what’s the difference, and when and why to use each. We will also take a look at the concept of randomization and how Math.random() and Math.floor() methods can work in our favor. This will hopefully help you understand these concepts a bit better than reading about them individually. Let’s get started.

…

JavaScript is a very flexible programming language and often one problem can be solved in a few different ways. However, some ways are more appropriate and efficient for some problems than others. JavaScript is also an object-oriented programming language, which might be a bit puzzling when it comes to the creation of an object. Why?

…

Is closure a function? What is a nested function? What is a function scope? What is lexical environment and how does it work?
In this article, we’re going to answer all these questions and more – we are going to learn what functions and closures in JavaScript are, and most of all what is the main difference between functions and closures.

…

We already wrote about querySelector(s) in the article where we compared querySelector to getElementById. In that article, we covered the basics, but there is so much more to querySelectors in JavaScript. They are a superpowerful tool, so we really want to introduce you to some basic and a bit more complex QuerySelector rules in JavaScript.

…

In this article, we will take a look at JavaScript render-blocking. We recognize 3 types of render-blocking, as stated in the title of this blog post, but first, let’s take a look at what (browser) rendering is.

…

Which is better – getElementById or querySelector? Well, better is a very subjective answer. Both getElementById and querySelector are an element-grabbing method from the JavaScript Document Object Model (DOM), so with each method, you can pick up whatever element you want to manipulate with, of course depending on the circumstances. The advantage at least is that you don’t have to choose which one you’ll use – both, GetElementById and querySelector method have their own use cases and you can choose methods interchangeably. However, the question remains – why use one over the other? So, let’s dive in.

…

In this article, you are going to learn the difference between arrow functions vs traditional (regular) functions in JavaScript through a few examples – we are going to browse through differences and similarities and learn when to use each.
…

In JavaScript, null and undefined may look the same, but they are not. In this article, you will learn the differences and similarities between null and undefined in JavaScript, and when you should use each.
…

In this article, you are going to learn more about JavaScript functions and methods. In short – a function can live on its own, it does not need an object, but a method is a function connected with an object property, but let’s take a look and see what are the similarities and differences between functions vs. methods in JavaScript.
…

In this article, you’re going to learn the difference between JSON and JavaScript object.
…