JavaScript Archives - Artificial Intelligence

What is JavaScript and How JavaScript Works & Architecture

Maruti Kr. — Wed, 12 Jul 2023 07:42:43 +0000

JavaScript is a programming language commonly used in web development to add interactive features and dynamic content to websites. It was first introduced in 1995 and has since become one of the most widely used programming languages on the web. In this article, we will explore the various use cases, features, and workflows of JavaScript.

Top Use Cases of JavaScript

JavaScript is commonly used for client-side scripting, which means it is executed on the user’s web browser rather than on the web server. Some of the top use cases of JavaScript include:

Form validation
Creating interactive UI elements such as dropdown menus and sliders
Animating web pages
Loading new content without refreshing the page (also known as AJAX)
Creating browser-based games
Creating chatbots
Implementing real-time updates on a page
Implementing user authentication and authorization
Creating interactive maps and charts
Building web-based calculators

Features of JavaScript

JavaScript is a dynamic language that supports a variety of features, including:

Object-oriented programming
Functional programming
Prototypal inheritance
Asynchronous programming using callbacks, promises, and async/await
Manipulating the DOM (Document Object Model)
Event-driven programming
Regular expressions

Workflow of JavaScript

The workflow of JavaScript typically involves the following steps:

Writing the code in a text editor or an integrated development environment (IDE)
Saving the code with a .js file extension
Linking the .js file to an HTML document using a script tag
Running the code in a web browser

How JavaScript Works & Architecture

JavaScript has a single-threaded event loop architecture, which means that it can only execute one task at a time. However, it can delegate tasks to other threads using Web Workers. JavaScript is also a loosely typed language, which means that variables can be assigned different data types at runtime.

How to Install and Configure JavaScript

JavaScript is a client-side programming language, which means that it is executed on the user’s web browser rather than on the web server. Therefore, there is no need to install or configure JavaScript on a web server. However, developers can install and configure various JavaScript frameworks and libraries for their development environment.

Fundamental Tutorials of JavaScript: Getting started Step by Step

What is JavaScript?

JavaScript is a programming language used to create interactive websites. It is the most commonly used language for front-end web development. With JavaScript, you can add animations, create forms, and much more.

JavaScript is a versatile language that can be used for both front-end and back-end development. It can be run on any browser, making it a popular choice for web development.

Setting Up Your Environment

Before we start coding, we need to set up our environment. To write JavaScript code, we need a text editor and a web browser.

Choose a text editor: There are many text editors available, such as Notepad++, Visual Studio Code, Sublime Text, and Atom. Choose the one that suits your needs.
Open a web browser: You can use any web browser, such as Google Chrome, Mozilla Firefox, Safari, or Microsoft Edge.

Writing Your First Program

Now that we have our environment set up, let’s write our first program. The “Hello, World!” program is a simple program that prints the text “Hello, World!” on the screen.

Open your text editor and create a new file.
Type the following code:

console.log("Hello, World!");

Save the file with the name “hello_world.js”.
Open your web browser and create a new HTML file.
Type the following code:



  
    Hello World

Save the file with the name “index.html”.
Open the “index.html” file in your web browser. You should see the text “Hello, World!” printed on the screen.

Congratulations! You have written your first JavaScript program.

Understanding the Code

Let’s take a closer look at the code we just wrote.

console.log("Hello, World!");

This line of code uses the console.log() method to print the text “Hello, World!” on the console. The console is a tool used for debugging and testing JavaScript code.



  
    Hello World

This HTML code creates a basic HTML document and includes the JavaScript file we just created using the script tag. The src attribute is used to specify the location of the JavaScript file.

More Examples

Now that you have written your first JavaScript program, it’s time to practice some more examples. Here are a few examples to get you started:

Example 1: Print the Sum of Two Numbers

let num1 = 10;
let num2 = 20;
let sum = num1 + num2;
console.log(sum);

This code declares two variables num1 and num2 and initializes them with the values 10 and 20, respectively. It then calculates the sum of the two numbers and stores it in a variable called sum. Finally, it prints the value of sum to the console.

Example 2: Create a Function to Calculate the Area of a Circle

function calculateArea(radius) {
  let area = Math.PI * radius * radius;
  return area;
}

let circleRadius = 5;
let circleArea = calculateArea(circleRadius);
console.log(circleArea);

This code defines a function called calculateArea that takes a parameter radius. It calculates the area of a circle using the formula Math.PI * radius * radius and returns the result. It then declares a variable circleRadius and initializes it with the value 5. It calls the calculateArea function with circleRadius as an argument and stores the result in a variable called circleArea. Finally, it prints the value of circleArea to the console.

Example 3: Create an Object to Represent a Person

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 35,
  occupation: "Web Developer"
};

console.log(person.firstName + " " + person.lastName);
console.log(person.age);
console.log(person.occupation);

This code creates an object person that represents a person. It has four properties: firstName, lastName, age, and occupation. It then prints the person’s full name, age, and occupation to the console.

Example 4: Reverse a String

function reverseString(str) {
  let reversedStr = "";
  for (let i = str.length - 1; i >= 0; i--) {
    reversedStr += str[i];
  }
  return reversedStr;
}

let str = "hello world";
let reversedStr = reverseString(str);
console.log(reversedStr);

This code defines a function called reverseString that takes a parameter str. It initializes a variable called reversedStr to an empty string. It then loops through the characters of the string in reverse order and appends each character to reversedStr. Finally, it returns the reversed string. It then declares a variable str and initializes it with the value “hello world”. It calls the reverseString function with str as an argument and stores the result in a variable called reversedStr. Finally, it prints the value of reversedStr to the console.

Conclusion

In this article, we have learned the basics of JavaScript and how to write your first program – the “Hello, World!” program. We have also looked at how to set up your environment and run the program in a web browser. Additionally, we have provided some examples for you to practice and improve your JavaScript skills. With practice and dedication, you can become a skilled JavaScript developer. Happy coding!

The post What is JavaScript and How JavaScript Works & Architecture appeared first on Artificial Intelligence.

What is Browser Object Model (BOM) in JavaScript and how many types of BOM?

Maruti Kr. — Sat, 15 Apr 2023 10:18:06 +0000

What is BOM in JavaScript?

BOM stands for Browser Object Model. The Browser Object Model (BOM) in JavaScript refers to a set of objects that are available in the browser’s window object, It is used to interact with the browser.

Some of the key objects in the BOM include:-

window object:

In JavaScript, Window object is the top-level object that represents the browser window. It provides access to various properties and methods, such as the document object, frame object, location object, history object, navigator object and Screen object.

Document object:

In JavaScript, Document object represents the web page that is currently loaded in the browser window. It provides access to various properties and methods, such as the title, URL, and various DOM (Document Object Model) elements.

History object:

In JavaScript, History object represents the browser history, which includes the URLs of previously visited web pages. It provides methods to navigate back and forward in the history, as well as to manipulate the history by adding or replacing entries.

navigator object:

The Navigator object in JavaScript represents the browser or user agent that is running the current script. It provides information about the browser, such as the name, version, and platform, as well as other details such as whether cookies are enabled and whether the browser supports specific features.

Screen object:

This object represents the physical display screen of the user’s computer. It provides information about the screen size, color depth, and resolution, as well as methods to control the display, such as resizing or scrolling the window.

Location object:

In JavaScript, Location object represents the current URL of the web page loaded in the browser window. It provides methods to manipulate the URL, such as changing the hostname, pathname, or search parameters.

Note:- BOM provides web developers with a powerful set of tools for manipulating the browser window and its contents, which can be used to create rich and interactive web applications.

The post What is Browser Object Model (BOM) in JavaScript and how many types of BOM? appeared first on Artificial Intelligence.

What is JavaScript Objects and JavaScript Array ?

Maruti Kr. — Tue, 04 Apr 2023 12:20:54 +0000

What is JavaScript Objects ?

JavaScript object is an real world entity having some state and behavior (properties and method) is known as JavaScript. For example: car, pen, bike, chair, glass, keyboard, monitor etc.

JavaScript is an object-based language. Everything is an object in JavaScript. It is template based not class based. Here, we don’t create class to get the object. But, we direct create objects.

Creating Objects in JavaScript:

In JavaScript, There are 3 ways to create objects.

By object literal
By creating instance of Object directly (using new keyword)
By using an object constructor (using new keyword)

Creating object using object literal:

Syntax:

object={property1:value1,property2:value2.....propertyN:valueN}

The given syntax, property and value is separated by : (colon).

Example:

Output:

2) By creating instance of Object:

Syntax:

var objectname=new Object();

Example:

Output:

3) By using an Object constructor:

Object constructor need to create function with arguments. Each argument value can be assigned in the current object by using this keyword. The this keyword refers to the current object.

Example:

Output:

JavaScript Array:

In JavaScript, An array is a collection of data that are stored in a variable. The values in an array can be of any type, including numbers, strings, objects, and even other arrays. Arrays are useful for storing and manipulating sets of data, such as a list of names or a series of numbers.

To create an array in JavaScript, you can use square brackets [] and separate the values with commas( , ).

There are 3 ways to construct array in JavaScript

By array literal
By creating instance of Array directly (using new keyword)
By using an Array constructor (using new keyword)

1) JavaScript array literal

Syntax:

var arrayname=[value1,value2.....valueN];

Example:

2) JavaScript Array directly (new keyword)

Syntax:

var arrayname=new Array();

Here, new keyword is used to create instance of array.

Example:

Output:

3) JavaScript array constructor (new keyword):

The example of creating object by array constructor is given below-

Example:

Output:

JavaScript Array Methods:

Arrays have many built-in methods for manipulating and iterating over the elements.

Some of the most commonly used array methods are:

length – This method returns the number of elements in an array. For example, the following code will return 3:

var myArray = [1, "Hello", [2, 3]];
console.log(myArray.length);

push – This method is used to add an element to the end of an array. For example, the following code will add the element “World” to the end of the array:

var myArray = [1, "Hello", [2, 3]];
myArray.push("World");
console.log(myArray); // [1, "Hello", [2, 3], "World"]

pop – This method is used to remove the last element of an array. For example, the following code will remove the last element (“World”) from the array:

var myArray = [1, "Hello", [2, 3], "World"];
myArray.pop();
console.log(myArray); // [1, "Hello", [2, 3]]

shift – This method is used to remove the first element of an array. For example, the following code will remove the first element (1) from the array:

var myArray = [1, "Hello", [2, 3]];
myArray.shift();
console.log(myArray); // ["Hello", [2, 3]]

unshift – This method is used to add an element to the beginning of an array. For example, the following code will add the element 0 to the beginning of the array:

var myArray = [1, "Hello", [2, 3]];
myArray.unshift(0);
console.log(myArray); // [0, 1, "Hello", [2, 3]]

slice – This method is used to extract a portion of an array. For example, the following code will extract the elements from index 1 to 2 (exclusive):

var myArray = [1, "Hello", [2, 3]];
console.log(myArray.slice(1, 2)); // ["Hello"]

splice – This method is used to add or remove elements from an array. For example, the following code will remove the element at index 1 and add the elements “Hello World” and [4, 5] at index 1:

var myArray = [1, "Hello", [2, 3]];
myArray.splice(1, 1, "Hello World", [4, 5]);
console.

JavaScript String:

It is one of the most important concept of JavaScript, A string is a sequence of characters enclosed within single quotes or double quotes. For example, the following are valid strings in JavaScript:

let strName = 'Hello, world!';
let strName = "Hello, world!";

There are 2 ways to create string in JavaScript

By string literal
By string object (using new keyword)

By string literal:

String literal is created using single quotes or double quotes.

Syntax:

let strName = 'Hello, world!';
let strName = "Hello, world!";

Example:

Output:

2. By string object (using new keyword):

new keyword is used to create instance of string.

Syntax:

var strName=new String("string literal");

Example:

Output:

String Methods:

String have many in-built methods for manipulating the elements.

Some of the most commonly used string methods are:

length() – This method returns the number of characters in a string. For example, the following code will return 11:

var str = "Hello World";
console.log(str.length);

charAt(Index) – This method returns the character at the given index. For example, the following code will return c:

concat(str) – This method concatenates or joins two strings. For example, the following code will return – Welcome To Cotocus

indexOf (index) – This method is used to find the index of a specific character or substring in a string. For example, the following code will return 8:

split() Method:

It splits a string into substring array, then returns that newly created array.

trim() Method: This method removes leading and trailing whitespaces from the string.

toUpperCase() Method: These methods are used to convert a string to uppercase letters.

Output:

toLowerCase() Method: These methods are used to convert a string to lowercase letters.

slice(beginIndex, endIndex) Method– This method is used to extract a portion of a string.

replace() – This method is used to replace a specific character or substring in a string. For example, the following code will return “Hello Universe”:

Output:

Date Object:

In JavaScript, Date object has a in-built object that can be used to work with dates and times.

You can use 4 variant of Date constructor to create date object.

Date()
Date(milliseconds)
Date(dateString)
Date(year, month, day, hours, minutes, seconds, milliseconds)

Date(): Date object is used to prints current date and time both.

Example:



Current Date and Time:

Another Example: Print date/month/year.

Current Time Example:



Current Time:

JavaScript Math:

In JavaScript, Math is a built-in object in JavaScript that provides mathematical functions and constants for performing mathematical operations such as trigonometry, logarithms, etc. It provides a set of methods and properties that allow developers to perform complex mathematical calculations easily and efficiently.

most commonly used functions in the Math object is-

Math.random()

Math.random() method returns the random number between 0 (inclusive) and 1 (exclusive). This function can be used to generate random numbers for various purposes such as games, simulations, and other applications.

For Example:





Random Number is:

Output:

2. Math.pow(m,n)

Math.pow(m,n) method returns the m to the power of n that is mⁿ.

For Example:





5 to the power of 3 is:

3. Math.sqrt(n)

This method is used to returns the square root of the given number.

Example:





Square Root of 625 is:

Output:

4. Math.floor(n)

This method is used to round a number down to the nearest integer. For example 9 for 9.7, 5 for 5.9 etc.





Floor of 4.6 is:

5. Math.ceil(n)

This method is used to rounds a number up to the nearest integer. For example 4 for 3.7, 6 for 5.9 etc.





Ceil of 7.6 is:

Output:

6. Math.abs(n)

This method returns the absolute value for the given number. For example 5 for -5.6 & 6 for -6.6 etc.





Absolute value of -4 is:

Example:

Number Object:

In JavaScript, a number object is a built-in object that provides a number of properties and methods for working with numeric values. The Number object can be used to convert a value to a number, perform mathematical operations, and format numbers for display.

Most commonly used methods of the Number object is–

Number(): This method is used to convert a value to a number, This function can be used to convert strings, Booleans, and other types of values to numbers.

Example:

console.log(Number("3.14"));
// Output: 3.14
console.log(Number(true));
// Output: 1

toFixed(): This method to format a number with a specific number of decimal places:

Example:

const numObj = new Number(10.12345);
console.log(numObj.toFixed(2)); // Output: "10.12"

valueOf(): convert a number object to a primitive numeric value using the valueOf() method:

Example:

const numObj = new Number(10);
const num = numObj.valueOf();
console.log(num); // Output: 10

Boolean:

Boolean object is used to represents value in two states: true or false. The Boolean object can be used to create Boolean values and perform logical operations, such as and, or, and not.

A Boolean value can be created by using the Boolean() function or by assigning a value of true or false to a variable.

var isTrue = Boolean(1);
console.log(isTrue); // Output: true
var isFalse = Boolean(0);
console.log(isFalse); // Output: false

The post What is JavaScript Objects and JavaScript Array ? appeared first on Artificial Intelligence.

JavaScript Basics

Maruti Kr. — Mon, 03 Apr 2023 13:05:14 +0000

JavaScript Comment:

In JavaScript, comments are used to add information about the code, that are ignored by the browser or interpreter.

Advantage of JavaScript comments:

The main advantage of comments are-

Easy to understand the code: It can be used to elaborate the code so that end user can easily understand the code.
To avoid the unnecessary code: It can also be used to avoid the code being executed. Sometimes, we add the code to perform some action. But after sometime, there may be need to disable the code. In such case, it is better to use comments.

Types of JavaScript Comments

There are two types of comments in JavaScript.

Single-line comments: They begin with two forward slashes (//) and continue until the end of the line.

Example1:

Output:

Example2:

Output:

2. Multi-line comments: They begin with /* and end with */. Anything between these characters will be ignored by the browser or interpreter.

Output:

What is Variables ?

Variable is an essential part of any programming language, It is used to stored data. They allow you to store, retrieve, and manipulate data in your programs. There are two types of variables in JavaScript : Local variable , Global variable.

Some rules for declaring a JavaScript variable (also known as identifiers).

Name must start with a letter (a to z or A to Z), underscore( _ ), or dollar( $ ) sign.
After first letter we can use any digits (0 to 9), for example value1.
JavaScript variables are case sensitive, for example x and X are different variables.

Variables are declared using the var, let, or const keyword followed by the variable name.

For example:

// Declaring a variable using var
var message = "Hello World!";

// Declaring a variable using let
let age = 20;

// Declaring a variable using const
const PI = 3.14;

Where, “var” keyword followed by the name of the variable and “let” and “const” keywords to declare variables.

Once a variable is declared, its value can be assigned or updated by using the = operator:

// Assigning a value to a variable
var x;
x = 20;

// Updating the value of a variable
var y = 6;
y = y + 1;

Variables can hold various types of values, including numbers, strings, Boolean values, arrays, objects, and more.

// Example of variables holding different types of values
var num = 12;
var greeting = "Hello";
var isTrue = true;
var myArray = [1, 2, 3];
var person = {name: "Rohit", age: 25};

JavaScript Local Variable:

A JavaScript local variable is declared inside block (function). It is accessible within the function or block only. For example:

JavaScript global variable:

A variable i.e. declared outside the function or declared with window object is known as global variable. A JavaScript global variable is accessible from any function. For example:

Output:

Data Types

JavaScript provides different data types to hold different types of values. There are two types of data types in JavaScript.

Primitive data type
Non-primitive (reference) data type

Primitive data type:

There are five types of primitive data types in JavaScript.

Number: This data type is used to represent numeric values, including integers and floating-point numbers. (e.g. 10, 3.14)
String: This data type is used to represent text values, enclosed in single or double quotes. (e.g. “hello”, ‘world’)
Boolean: This data type is used to represent true or false values. (e.g. true, false)
Undefined: This data type is used to represent a variable that has been declared but not assigned a value.
Null: This data type has only one value, null, which represents the absence of any object value.

Non-Primitive data type:

The non-primitive data types are as follows:

Object: This data type is used to represent complex data structures, including arrays, functions, and objects. (e.g. { name: “John”, age: 30 })
Array: (e.g. [1, 2, 3])

JavaScript Operators and Expressions

What is Operators ?

Operators in JavaScript are symbols that perform specific operations on one or more operands (values or variables). For example, the addition operator (+) adds two operands together and the assignment operator (=) assigns a value to a variable.

There are different types of operators in JavaScript, including:

Arithmetic Operators
Comparison (Relational) Operators
Bitwise Operators
Logical Operators
Assignment Operators
Conditional (ternary) operator

Arithmetic Operators: Used to perform arithmetic operations on numbers. Examples: + (addition), – (subtraction), * (multiplication), / (division), % (modulus), ++ (increment), and — (decrement).
Comparison Operators: It is used to compare two values or variables. Examples: == (equal to), != (not equal to), === (strictly equal to), !== (strictly not equal to), > (greater than), < (less than), >= (greater than or equal to), and <= (less than or equal to).
Bitwise Operators: Used to perform bitwise operations on numbers. Examples: & (bitwise and), | (bitwise or), ^ (bitwise exclusive or), ~ (bitwise not), << (left shift), and >> (right shift).
Logical Operators: It is used to combine two or more conditions. Examples: && (logical and), || (logical or), and ! (logical not).
Assignment Operators: It is used to assign values to variables. Examples: = (assignment), += (add and assign), -= (subtract and assign), *= (multiply and assign), /= (divide and assign), and %= (modulus and assign).
Conditional (Ternary) Operator: It is used to assign a value to a variable based on a condition. Example: variable = (condition) ? value1 : value2;

What is Expressions ?

Expressions are combinations of values, variables, and operators that produce a result. For example:

2 + 2 // produces the value 4
"Hello, " + "world!" // produces the value "Hello, world!"
true && false // produces the value false
Math.Pow(2, 3) // produces the value 8

JS If-Else Statement:

The if-else statement is used to execute the code whether condition is true or false. There are three forms of if statement in JavaScript.

If Statement
If else statement
If else if statement

If Statement:

The “if” statement in JavaScript is used to execute a block of code if a certain condition is true.

Syntax:

if(expression)
{  
//code to be executed if the condition is true
} 
}

2. If else statement:

The “if” statement in JavaScript is used to execute a block of code if a certain condition is true. The “else” clause is used to execute a block of code if the condition is false.

Syntax:

if (condition) 
{
  // code will be executed if the condition is true
}
else 
{
  // code will be executed if the condition is false
}

Example:

let number = 5;

if (number % 2 == 0) 
{
  console.log("The number is even.");
} else {
  console.log("The number is odd.");
}

3. If else if statement: (If else ladder):

if(expression1)
{  
//content will be evaluated if expression1 is true  
}  
else if(expression2)
{  
//content will be evaluated if expression2 is true  
}  
else if(expression3)
{  
//content will be evaluated if expression3 is true  
}  
else
{  
//content will be evaluated if no expression is true  
}

Example:

Output:

Switch case:

The “switch” statement in JavaScript is another control structure, It is used to execute one code from multiple expressions. It is just like “if-else ladder” statement when you have multiple conditions to check against a single value.

Syntax:

switch (expression) 
{
  case value1:
    // code will be executed if expression == value1
    break;
  case value2:
    // code will be executed if expression == value2
    break;
  …
  default:
    // code will be executed if expression does not match any of the values
}

JavaScript Loops:

In JavaScript, Loop statements to execute a block of code repeatedly. There are several type of loop statements:-

for loop: The for loop repeats a block of code a specified number of times. It has three parts: initialization, condition, and increment/decrement.

Syntax:

for (initialization; condition; increment/decrement) 
{
  // code will be executed
}

Example:

Output:

while loop: The while loop repeats a block of code as long as the specified condition is true.

Syntax:

while (condition) 
{
  // code to be executed
}

3. do…while loop: The do…while loop is similar to the while loop, except that it always executes the code block at least once before checking the condition.

Syntax:

do {
  // code to be executed
} while (condition);

forEach loop: The forEach loop is used to iterate over an array or other iterable object and execute a function for each element.

Syntax:

array.forEach(function(item, index) 
{
  // code to be executed
});

For-in loop: The for-in loop is used to iterate over the properties of an object.

Syntax:

for (variable in object) 
{
  // code to be executed
}

6. For-of loop: The for-of loop is used to iterate over the values of an iterable object, such as an array or a string.

Syntax:

for (variable of object) 
{
  // code to be executed
}

JavaScript Functions

JavaScript functions are blocks of code that can be defined and executed whenever needed. A function in JavaScript is a reusable block of code that performs a specific task. You can call a function multiple times, and it will execute the same set of instructions each time. Functions can also take arguments and return a value.

Example of a function that takes two arguments (num1 and num2) and returns their sum:

function addNumbers(num1, num2) 
{
  return num1 + num2;
}

To call this function and pass in two numbers, you would do something like this:

let result = addNumbers(5, 10);
console.log(result); // Output: 15

The post JavaScript Basics appeared first on Artificial Intelligence.

JavaScript Tutorials

Maruti Kr. — Mon, 03 Apr 2023 06:25:05 +0000

What is JavaScript ?

JavaScript is a dynamic, high-level, interpreted programming language that is widely used for creating interactive web pages and web applications. It was originally developed by Netscape Communications Corporation in 1995 as a way to add interactive features to web pages. Since then, it has become one of the most popular programming languages, with a large and active community of developers.

JavaScript is a lightweight, Object Oriented Programming language.
It is a scripting language for web pages and web applications.
It is used to add interactivity and dynamic effects to web pages.
“.js” is the extension.
It is used in server-side development.
JS Frontend Frameworks: React, Angular, Vue.
JS Backend Frameworks: Express, Node.

Features of JavaScript:

There are following features of JavaScript:

JavaScript support all popular web browsers and they have provide built-in execution environments.
It is a light-weighted and interpreted language.
It is a case-sensitive language.
JavaScript is supportable in several operating systems including, Windows, macOS, etc.
It provides good control to the users over the web browsers.

What is ECMAScript?

The full form of ECMA is European Computer Manufacturer’s Association. ECMAScript is a Standard for scripting languages such as JavaScript, JScript, etc.

ECMAScript is a standard on which JavaScript is based, It was created to ensure that different documents on JavaScript are talking about the same language.

ECMAScript Versions:

ECMAScript, Beginning in 1997, JavaScript has evolved into many versions.

ECMAScript1 ( ES1 ) was first released in 1997.
ECMAScript 2015 also known as ES6 was released in 2015 and a major revision to JavaScript was made.
The latest version of JavaScript will be ECMaScript2022 (ES13) in 2022.

JavaScript Execution

Do we need to install JavaScript?

The answer is NO, Because JavaScript is present everywhere in browsers, on your phone, etc.

How to execute JavaScript?

JavaScript can be executed right inside one’s browser. You can open the JS console and start writing JS there.
JS is a runtime execute like Node.js which can be installed and used to run JavaScript code.
JavaScript execute by inserting it inside the
As you can see in the above example the variable i in the first block is not accessible outside the for loop. This also enables us to reuse the same variable name multiple times as its scope is limited to the block ({}), which results in less variable declaration and more cleaner code.

The const Keyword

The new const keyword makes it possible to define constants. Constants are read-only, you cannot reassign new values to them. They are also block-scoped like let.

However, you can still change object properties or array elements:

The for...of Loop Variable

The new for...of loop allows us to iterate over arrays or other iterable objects very easily. Also, the code inside the loop is executed for each element of the iterable object. Here’s an example:

Arrow Functions

Arrow Functions are another interesting feature in ES6. It provides a more concise syntax for writing function expressions by opting out the function and return keywords.

Arrow functions are defined using a new syntax, the fat arrow (=>) notation. Let’s see how it looks:

The post JavaScript ES6 Features appeared first on Artificial Intelligence.

How to Popup modal to all data display in JavaScript

dharmendra — Mon, 30 Aug 2021 10:46:47 +0000

First let’s go to popup button in blade file

Go to Popup modal in blade file add this code modal your JavaScript

Go to Popup JavaScript in blade file add this code your JavaScript

The post How to Popup modal to all data display in JavaScript appeared first on Artificial Intelligence.

How to concatenate string in JavaScript

dharmendra — Fri, 20 Aug 2021 06:00:11 +0000

First let’s go to your Laravel project And add your blade file JavaScript

And go to your Laravel project And Inspect and check you console log

The post How to concatenate string in JavaScript appeared first on Artificial Intelligence.

JavaScript Archives - Artificial Intelligence

What is JavaScript and How JavaScript Works & Architecture

Top Use Cases of JavaScript

Features of JavaScript

Workflow of JavaScript

How JavaScript Works & Architecture

How to Install and Configure JavaScript

Fundamental Tutorials of JavaScript: Getting started Step by Step

What is JavaScript?

Setting Up Your Environment

Writing Your First Program

Understanding the Code

More Examples

Example 1: Print the Sum of Two Numbers

Example 2: Create a Function to Calculate the Area of a Circle

Example 3: Create an Object to Represent a Person

Example 4: Reverse a String

Conclusion

What is Browser Object Model (BOM) in JavaScript and how many types of BOM?

What is BOM in JavaScript?

window object:

Document object:

History object:

navigator object:

Screen object:

Location object:

What is JavaScript Objects and JavaScript Array ?

What is JavaScript Objects ?

JavaScript Array:

1) JavaScript array literal

2) JavaScript Array directly (new keyword)

3) JavaScript array constructor (new keyword):

JavaScript Array Methods:

JavaScript String:

String Methods:

Date Object:

JavaScript Math:

Number Object:

Boolean:

JavaScript Basics

JavaScript Comment:

Types of JavaScript Comments

What is Variables ?

JavaScript Local Variable:

JavaScript global variable:

Data Types

JavaScript Operators and Expressions

What is Operators ?

What is Expressions ?

JS If-Else Statement:

Switch case:

JavaScript Loops:

JavaScript Functions

JavaScript Tutorials

What is JavaScript ?

What is ECMAScript?

ECMAScript Versions:

JavaScript Execution

Do we need to install JavaScript?

How to execute JavaScript?

The const Keyword

However, you can still change object properties or array elements:

The for...of Loop Variable

Arrow Functions

How to Popup modal to all data display in JavaScript

First let’s go to popup button in blade file

Go to Popup modal in blade file add this code modal your JavaScript

Go to Popup JavaScript in blade file add this code your JavaScript

How to concatenate string in JavaScript

First let’s go to your Laravel project And add your blade file JavaScript

And go to your Laravel project And Inspect and check you console log

The `const` Keyword

The `for...of` Loop Variable