-
Grouping Selectors vs Chaining Selectors in CSS
Grouping Selectors Say there are two groups of HTML elements which should have the same CSS style declarations added to them, for example the same background-color and text-color. In order to cut things short, we use grouping selectors to avoid repetitions. Let’s take a simple example with and without grouping: : Though the both codes…
-
What is the exact order of precedence in CSS?
In CSS, the rule of precedence is actually very simple and straight forward. Those CSS codes which are more specific to a certain situation takes precedence over the less specific code declarations. Now as a general rule of thumb, this is the exact order of precedence (1 the most,6 the least): In short, this is…
-
How to fix HTML Image Tag not working?
I’ve assumed that you didn’t make any typo errors while using the image source. I’m also assuming that you’ve properly linked to the image source whether it’s from the internet or a specific folder. This hack pertains to the images not loading from a directory where you have kept the images. So, the cheat is…
-
Sum of elements in an array in JavaScript
This is how the sum of elements in an array should look like: We can use the reduce() method to find the sum of elements in an array : Here, the reduce() method actually takes two parameters, the first one we can call accumulator, and the second one, current. So, here in the above example,…
-
Factorial of a given number in JavaScript
Factorial of an integer ‘n’ is represented by ‘n!’. Factorial of an integer n is the product of all positive integers less than or equal to n. Examples : Here’s a way to find the factorial of a given number: Here the variable factInt is initialized at 1 since the function will always be greater…
-
Square of every digit of a given number – JavaScript
Example 1 In order to square every digit of a number in JavaScript, we can use the following function: Explanation and break-down In order to know what is happening within this function we have to break it down. So, in the first step we split the digits of the number to a string of individual…
-
Linux Terminal Commands For Absolute Beginners
This document is extremely important to at least get started with Linux terminal commands . To open the Linux Terminal, press Ctrl+Alt+T. Here are the most important ones to start with : Examples of cd in action: Just type ‘cd’ or ‘cd ~’ to return back to the home directory if you are inside some…
-
Key-Value Pairs in JavaScript Objects
JavaScript objects have keys (or properties), and values. Let’s take a look at this JS object example with some keys and values, keys are on the left, values on the right : Now let’s add some additional key value pairs to the object. Here’s one way to do that: So, if you add the above…
-
Reversing a string in JavaScript – Explanation
Say you want to reverse a string passed in a JavaScript functionality as below: There are various ways to reverse the string passed above. Let’s look at them and break them down for you to understand. So the first and the most popular method used to achieve the reverse string functionality is using the split-reverse-join…
-
The Spread Operator (…) or the three dots in JavaScript
The Spread Operator in JavaScript simply copies all the elements of an array and outputs them to the console. It is represented by … i.e., the three dots. Let’s understand it better using the simple code below: The spread Operator has been around since JavaScript ES6. It helps in extracting properties from old objects or…