In simple words: JavaScript Tagged template literal is a function call that uses a template literal to get its arguments. Hers is a tagged function example: Don’t get yourself confused, In the above example, greet is a function that takes three arguments 1. The first parameter is an array containing all of the text from
Template literals (Template strings) are one of the amazing features of JavaScript. You can use multi-line strings, string interpolation and more features with them and this is the easiest way to improve your JavaScript code readability. Introduced in ES6. Okay, that’s great! Show me an example. Template literals in ES6 Syntax Don’t get confused, It
Spread Operator in ES6 or syntax (well according to MDN it is syntax) so let’s call it syntax. Well, they also call it three dot operator. So how it looks like? Oh, it is simply three dots … When did it release? Of course in ES6. What it actually does? The spread operator in ES6
Yes, it is possible to use a couple of NOT (!) operators together in JavaScript. JavaScript double not operator returns a Boolean value that depends on the expression’s truthfulness. So, the double not operator !! is not an operator, it’s just the “Logical NOT ” ! operator twice. And there are no restrictions on using more than twice
The JavaScript destructuring assignment syntax is expressive, compact and more readable that makes it possible to “destructured” (upwarp) values from arrays or properties from objects, into different variables. JavaScript Destructuring Expression (demo) We can use JavaScript Destructuring in so many different ways. TLDR; #1 Array destructuring Array destructuring is very much similar and straight forward,
First of all, I want to tell you, yes there are good and bad ways to console.log in JavaScript that can make your life easier as a JavaScript developer. So let’s get started on how to debug javascript? Let’s imagine we have 3 objects to log like below. Bad Code 💩 In the above approach,
The cols attribute indicates the visible width of a textarea. Note: You can also set the height and width of <textarea> by using CSS Tag Support You can use cols attribute on <textarea> tag. Example Browser Support Attribute cols Yes Yes Yes Yes Yes
The class attribute is very important as it is a part of global attribute in HTML and used to allow CSS and JavaScript to select the specific HTML element. In CSS you can use CSS class selectors dot (.) and DOM method in JavaScript like: document.getElementsByClassName. Tag Support You can use class attribute on all
The cite attribute used to specify a URL that points to the source document or message or why the text was inserted/changed. Tag Support You can use cite attribute with <blockquote>, <del>, <ins>, <q> tags. Blockquote Example It points out that the quote is from another source. Del Example It points out why the text
The checked attribute is a boolean attribute and it specifies that an element should be pre-selected (checked) when the page loads. Tip: you can also set checked attribute after page load with using JavaScript. Tag Support You can use checked attribute with <input> tag where input type is checkbox or radio. Example Browser Support Attribute
