JavaScript Tutorial

Open in Telegram

🕹 JavaScript is the Programming Language for the Web. 🕹 JavaScript can update and change both HTML and CSS. 🕹 JavaScript can calculate, manipulate and validate data. Group @js_group_tut @javascript_tut

The country is not specifiedTechnologies & Applications25 615

3 506

Subscribers

No data24 hours

No data7 days

-3130 days

No data

Post views

No data24 hours

No data48 hours

No data

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

\n\n\n\n@javascript_tut","datePublished":"2021-01-30T22:18:05Z","dateModified":"2021-01-30T22:18:05Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":561},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/51","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/51","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/51","headline":"📕Example: for #alert() ----------------------------------- Hello \n\n\n\n@javascript_tut","datePublished":"2021-01-30T22:04:46Z","dateModified":"2021-01-30T22:04:46Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":530}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/48","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/48","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/48","headline":"📕Example: for #document.write() ----------------------------------- \n\n\n\n@javascript_tut","datePublished":"2021-01-22T21:16:58Z","dateModified":"2021-01-22T21:16:58Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":544}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/47","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/47","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/47","headline":"📕Example: for #innerHTML -----------------------------------

…","articleBody":"📕Example: for #innerHTML\n-----------------------------------\n\n\n\n\n

\n\n\n\n\n\n@javascript_tut","datePublished":"2021-01-22T21:11:55Z","dateModified":"2021-01-22T21:11:55Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":510}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/46","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/46","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/46","headline":"📌 JavaScript Output JavaScript can \"display\" data in different ways: #1 Using innerHTML Writing into an HTML…","articleBody":"📌 JavaScript Output\n\nJavaScript can \"display\" data in different ways:\n\n#1 Using innerHTML\nWriting into an HTML element\n\n#2 Using document.write()\nWriting into the HTML output\n\n#3 Using alert()\nWriting into an alert box\n\n#4 Using console.log()\nWriting into the browser console\n\n@javascript_tut\n \"w3schools .com\"","datePublished":"2021-01-22T21:03:47Z","dateModified":"2021-01-22T21:03:47Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":483}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/45","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/45","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/45","headline":"#1. JavaScript Numbers JavaScript has only one type of number. Numbers can be written with or without decimal…","articleBody":"#1. JavaScript Numbers\nJavaScript has only one type of number. Numbers can be written with or without decimals.\n\n\n#2. JavaScript Strings\nStrings store text. Strings are written inside quotes. You can use single or double quotes:\n\n\n#3. JavaScript Objects\nYou have already learned that JavaScript variables are containers for data values.\n\nObjects are variables too. But objects can contain many values.\n\n#4. JavaScript Arrays\nJavaScript arrays are used to store multiple values in a single variable.\n\n\n#6. JavaScript Functions\nA JavaScript function is a block of code designed to perform a particular task.\n\nA JavaScript function is executed when \"something\" invokes it (calls it).\n\n@javascript_tut\n \"w3schools .com\"","datePublished":"2021-01-22T20:48:38Z","dateModified":"2021-01-22T20:48:38Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":452},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/44","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/44","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/44","headline":"JavaScript Variables & Data Types","articleBody":"JavaScript Variables & Data Types","datePublished":"2021-01-19T06:28:45Z","dateModified":"2021-01-19T06:28:45Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":420},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/43","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/43","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/43","headline":"ES 6 (JavaScript 6)","articleBody":"ES 6 (JavaScript 6)","datePublished":"2021-01-18T14:23:09Z","dateModified":"2021-01-18T14:23:09Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":413}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/41","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/41","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/41","headline":"📎 Type Syntax A variable must be declared before it is used. ES5 (JavaScript 5) syntax used the var keyword t…","articleBody":"📎 Type Syntax\n\nA variable must be declared before it is used. ES5 (JavaScript 5) syntax used the var keyword to achieve the same. The ES5 syntax for declaring a variable is as follows.\n\n📎 Example:\n ------------------------------\n var x = 5;\n var y = 6;\n var z = x + y;\n ------------------------------\n\nES6 (JavaScript 6) introduces the following variable declaration syntax −\n\n📌 Using the let\n📌 Using the const\n\n📎 Example:\n ------------------------------\n let x = 5;\n const y = 6;\n const z = x + y;\n ------------------------------\n\n@javascript_tut\n \"Tutorialpoint\"","datePublished":"2021-01-18T14:18:51Z","dateModified":"2021-01-18T14:18:51Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":406}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/40","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/40","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/40","headline":"💻 JavaScript Variables JavaScript variables are containers for storing data values. 📌 In this example, x, y,…","articleBody":"💻 JavaScript Variables\n\nJavaScript variables are containers for storing data values.\n\n📌 In this example, x, y, \n and z, are variables:\n\n📎 Example:\n ------------------------------\n var x = 5;\n var y = 6;\n var z = x + y;\n ------------------------------\n\n@javascript_tut\n \"w3schools .com\"","datePublished":"2021-01-16T12:17:45Z","dateModified":"2021-01-16T12:17:45Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":398}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/39","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/39","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/39","headline":"JavaScript, often abbreviated as JS, is a programming language conforms to the ECMAScript specification. Java…","articleBody":"JavaScript, often abbreviated as JS, \n\nis a programming language conforms to the ECMAScript specification. \n\nJavaScript is high-level, often just-in-time compiled, and multi-paradigm. \n\nIt has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions. \n\n\n@javascript_tut\n \"Wikipedia\"","datePublished":"2021-01-16T11:55:44Z","dateModified":"2021-01-16T11:55:44Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":385}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/38","url":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/38","mainEntityOfPage":"https://telemetr.io/en/channels/1236430354-javascript_tut/posts/38","headline":"🕹 JavaScript is the Programming Language for the Web. 🕹 JavaScript can update and change both HTML and CSS. 🕹…","articleBody":"🕹 JavaScript is the \n Programming Language \n for the Web.\n\n🕹 JavaScript can update \n and change both \n HTML and CSS.\n\n🕹 JavaScript can calculate, \n manipulate and \n validate data.\n\n@javascript_tut\n \"w3schools .com\"","datePublished":"2021-01-16T11:51:38Z","dateModified":"2021-01-16T11:51:38Z","author":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"publisher":{"@type":"Organization","name":"JavaScript Tutorial","url":"https://telemetr.io/en/channels/1236430354-javascript_tut","image":"https://img.tlmtr.io/c/1lFW14/5807657458167034525?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":907},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}}]}

3 506

JavaScript Operators JavaScript uses arithmetic operators ( + - * / ) to compute values: JavaScript uses an assignment operator ( = ) to assign values to variables: @javascript_tut "w3schools .com"

3 506

JavaScript Syntax 💎JavaScript syntax is the set of rules, how JavaScript programs are constructed: 📌JavaScript Values The JavaScript syntax defines two types of values: 💎Fixed values are called Literals. JavaScript Literals The two most important syntax rules for fixed values are: 1. Numbers are written with or without decimals: 2. Strings are text, written within double or single quotes: 💎Variable values are called Variables. In a programming language, variables are used to store data values. JavaScript uses the var keyword to declare variables. An equal sign is used to assign values to variables. @javascript_tut "w3schools .com"

3 506

📌Tutorials based on web development and programming. 💻 + Source Code ⚙️ Html, CSS, JavaScript, React , Bootstrap, jQuery, AJAX, PHP, java, Python, SQL, MYSQL, Node.js, JSON, and More... 💙 Subscribe for More Tutorials: https://www.youtube.com/codingwithelias?sub_confirmation=1

3 506

JavaScript Comments 📌JavaScript comments can be used to explain JavaScript code, and to make it more readable. JavaScript comments can also be used to prevent execution, when testing alternative code. 💎Single Line Comments Single line comments start with //. Any text between // and the end of the line will be ignored by JavaScript (will not be executed). 💎Multi-line Comments Multi-line comments start with /* and end with */. Any text between /* and */ will be ignored by JavaScript. @javascript_tut "w3schools .com"

3 506

Creating an Array 📌Using an array literal is the easiest way to create a JavaScript Array. Example: ----------------------------- var cars = [ "Saab", "Volvo", "BMW" ]; ----------------------------- 📌Using the JavaScript Keyword new The following example also creates an Array, and assigns values to it: ----------------------------- var cars = new Array("Saab", "Volvo", "BMW"); ----------------------------- The two examples above do exactly the same. There is no need to use new Array(). For simplicity, readability and execution speed, use the first one (the array literal method). @javascript_tut "w3schools .com"

3 506

JavaScript Arrays JavaScript arrays are used to store multiple values in a single variable. What is an Array? 📌An array is a special variable, which can hold more than one value at a time. If you have a list of items (a list of car names, for example), storing the cars in single variables could look like this: ---------------------------- var car1 = "Saab"; var car2 = "Volvo"; var car3 = "BMW"; ---------------------------- However, what if you want to loop through the cars and find a specific one? And what if you had not 3 cars, but 300? The solution is an array! 📌An array can hold many values under a single name, and you can access the values by referring to an index number. @javascript_tut "w3schools .com"

3 506

📕Example: for #console.log() ----------------------------------- <!DOCTYPE html> <html> <body> <script> console.log("GeeksforGeeks"); </script> </body> </html> @javascript_tut

3 506

📕Example: for #alert() ----------------------------------- <!DOCTYPE html> <html> <body> Hello <script> var txt = "Hello"; alert(txt); </script> </body> </html> @javascript_tut

3 506

📕Example: for #document.write() ----------------------------------- <!DOCTYPE html> <html> <body> <script> var txt = "Hello, World"; document.write(txt); </script> </body> </html> @javascript_tut

3 506

📕Example: for #innerHTML ----------------------------------- <!DOCTYPE html> <html> <body> <p id="demo"></p> <script> const txt = "Hello, World"; document.getElementById("demo").innerHTML = txt; </script> </body> </html> @javascript_tut

3 506

📌 JavaScript Output JavaScript can "display" data in different ways: #1 Using innerHTML Writing into an HTML element #2 Using document.write() Writing into the HTML output #3 Using alert() Writing into an alert box #4 Using console.log() Writing into the browser console @javascript_tut "w3schools .com"

3 506

#1. JavaScript Numbers JavaScript has only one type of number. Numbers can be written with or without decimals. #2. JavaScript Strings Strings store text. Strings are written inside quotes. You can use single or double quotes: #3. JavaScript Objects You have already learned that JavaScript variables are containers for data values. Objects are variables too. But objects can contain many values. #4. JavaScript Arrays JavaScript arrays are used to store multiple values in a single variable. #6. JavaScript Functions 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). @javascript_tut "w3schools .com"

3 506

JavaScript Variables & Data Types

3 506

ES 6 (JavaScript 6)

3 506

📎 Type Syntax A variable must be declared before it is used. ES5 (JavaScript 5) syntax used the var keyword to achieve the same. The ES5 syntax for declaring a variable is as follows. 📎 Example: ------------------------------ var x = 5; var y = 6; var z = x + y; ------------------------------ ES6 (JavaScript 6) introduces the following variable declaration syntax − 📌 Using the let 📌 Using the const 📎 Example: ------------------------------ let x = 5; const y = 6; const z = x + y; ------------------------------ @javascript_tut "Tutorialpoint"

3 506

💻 JavaScript Variables JavaScript variables are containers for storing data values. 📌 In this example, x, y, and z, are variables: 📎 Example: ------------------------------ var x = 5; var y = 6; var z = x + y; ------------------------------ @javascript_tut "w3schools .com"

3 506

JavaScript, often abbreviated as JS, is a programming language conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions. @javascript_tut "Wikipedia"

3 506

🕹 JavaScript is the Programming Language for the Web. 🕹 JavaScript can update and change both HTML and CSS. 🕹 JavaScript can calculate, manipulate and validate data. @javascript_tut "w3schools .com"