Synonyms: Template Literals Template Strings String Templates Back-Tics Syntax Back-Tics Syntax Template Literals use back-ticks (“) rather than the quotes (“”) to define a string: Example <!DOCTYPE html> <html> <body> <h2>JavaScript Template Literals</h2> <p>Template literals use back-ticks (“) to define a string:</p> <p id=”demo”></p> <p>Template literals are not supported in Internet Explorer.</p> <script> let text =… Read More »
JavaScript Search Methods String indexOf() String lastIndexOf() String startsWith() String endsWith() JavaScript String indexOf() The indexOf() method returns the index of (the position of) the first occurrence of a specified text in a string: Example <!DOCTYPE html> <html> <body> <h2>JavaScript String Methods</h2> <p>The indexOf() method returns the position of the first occurrence of a specified text:</p> <p id=”demo”></p> <script>… Read More »
String methods help you to work with strings. String Methods and Properties Primitive values, like “John Doe”, cannot have properties or methods (because they are not objects). But with JavaScript, methods and properties are also available to primitive values, because JavaScript treats primitive values as objects when executing methods and properties. JavaScript String Length The length property… Read More »
JavaScript strings are for storing and manipulating text. A JavaScript string is zero or more characters written inside quotes. Example <!DOCTYPE html> <html> <body> <h2>JavaScript Strings</h2> <p id=”demo”></p> <script> let text = “John Doe”; // String written inside quotes document.getElementById(“demo”).innerHTML = text; </script> </body> </html> Result: JavaScript Strings John Doe You can use single or… Read More »
HTML events are “things” that happen to HTML elements. When JavaScript is used in HTML pages, JavaScript can “react” on these events. HTML Events An HTML event can be something the browser does, or something a user does. Here are some examples of HTML events: An HTML web page has finished loading An HTML input field was changed An… Read More »
Real Life Objects, Properties, and Methods In real life, a car is an object. A car has properties like weight and color, and methods like start and stop: Object Properties Methods car.name = Fiat car.model = 500 car.weight = 850kg car.color = white car.start() car.drive() car.brake() car.stop() All cars have the same properties, but the property values differ from car to car. All… Read More »
A JavaScript function is a block of code designed to perform a particular task. A JavaScript function is executed when “something” invokes it (calls it). Example <!DOCTYPE html> <html> <body> <h2>JavaScript Functions</h2> <p>This example calls a function which performs a calculation, and returns the result:</p> <p id=”demo”></p> <script> function myFunction(p1, p2) { return p1 *… Read More »
JavaScript variables can hold different data types: numbers, strings, objects and more:let length = 16; // Numberlet lastName = “Johnson”; // Stringlet x = {firstName:”John”, lastName:”Doe”}; // Object The Concept of Data Types In programming, data types is an important concept. To be able to operate on variables, it is important to know something about the type. Without data types, a computer cannot… Read More »
Assignment operators assign values to JavaScript variables. Operator Example Same As = x = y x = y += x += y x = x + y -= x -= y x = x – y *= x *= y x = x * y /= x /= y x = x / y %=… Read More »
JavaScript Arithmetic Operators Arithmetic operators perform arithmetic on numbers (literals or variables). Operator Description + Addition – Subtraction * Multiplication ** Exponentiation (ES2016) / Division % Modulus (Remainder) ++ Increment — Decrement Arithmetic Operations A typical arithmetic operation operates on two numbers. The two numbers can be literals: Example <!DOCTYPE html> <html> <body> <h2>JavaScript Arithmetic</h2>… Read More »