Introduction to JavaScript Scripting Language

Feb 26, 2024Download as pptx, pdf

0 likes12 views

1. JavaScript is the programming language of the Web and is easy to learn. It is also the world's most popular programming language. 2. JavaScript has different types of boxes - alert boxes display a message, confirm boxes ask a yes/no question, and prompt boxes ask for user input. 3. JavaScript expressions contain literals, variables, and operators to evaluate to a single value. Common operators include arithmetic, comparison, logical, and assignment.

1. JavaScript is the programming language of the Web.
2. JavaScript is easy to learn
3. JavaScript is the world’s most popular programming Language
Overview

Alert Box in JavaScript
An alert box is used if you want to make sure information comes though to the user.
When an alert box pops up, the user will have to click “OK” .
Syntax:
window.alert(“Text”)

A confirm box is used if we want the user to verify or accept something
When a confirm box pops up, the user will click on “OK” or “Cancel”.
It works on true or false depends on “OK” and “Cancel”.
Syntax:
window.confirm(“Text”)
confirm Box in JavaScript

A Prompt box is used if we want the user to input a value before entering a page.
When a prompt box pops up, the user will have to click on “OK” or “Cancel” to proceed after
entering an input value.
“OK” returns the input value.
“Cancel” returns null
Syntax:
window.prompt(“Text”)
Prompt Box in JavaScript

In JavaScript expression is a valid set of literals , variables , operators that evaluate to a single
value that is an expression.
var x;
let y;
x=8;
y=9;
Let z=x+y;
Fixed values are called as Literals.
Expression in JavaScript

• Arithmetic Operators
• Comparison (Relational) Operators
• Bitwise Operators
• Logical Operators
• Assignment Operators
• Special Operators
Operators in JavaScript

Operator Description Example
+ Addition 10+20 = 30
- Subtraction 20-10 = 10
* Multiplication 10*20 = 200
/ Division 20/10 = 2
% Modulus (Remainder) 20%10 = 0
++ Increment var a=10; a++; Now a = 11
-- Decrement var a=10; a--; Now a = 9
Arithmetic Operators

Comparison Operators
Operator Description Example
== Is equal to 10==20 = false
=== Identical (equal and of same
type)
10==20 = false
!= Not equal to 10!=20 = true
!== Not Identical 20!==20 = false
> Greater than 20>10 = true
>= Greater than or equal to 20>=10 = true
< Less than 20<10 = false
<= Less than or equal to 20<=10 = false

Bitwise Operators
Operator Description Example
& Bitwise AND (10==20 & 20==33) = false
| Bitwise OR (10==20 | 20==33) = false
^ Bitwise XOR (10==20 ^ 20==33) = false
~ Bitwise NOT (~10) = -10
<< Bitwise Left Shift (10<<2) = 40
>> Bitwise Right Shift (10>>2) = 2
>>> Bitwise Right Shift with Zero (10>>>2) = 2

Logical Operators
Operator Description Example
&& Logical AND (10==20 && 20==33) = false
|| Logical OR (10==20 || 20==33) = false
! Logical Not !(10==20) = true

Assignment Operators
Operator Description Example
= Assign 10+10 = 20
+= Add and assign var a=10; a+=20; Now a =
30
-= Subtract and assign var a=20; a-=10; Now a = 10
*= Multiply and assign var a=10; a*=20; Now a =
200
/= Divide and assign var a=10; a/=2; Now a = 5
%= Modulus and assign var a=10; a%=2; Now a = 0

Special Operators
Operator Description
(?:) Conditional Operator returns value based on
the condition. It is like if-else.
, Comma Operator allows multiple expressions
to be evaluated as single statement.
delete Delete Operator deletes a property from the
object.
in In Operator checks if object has the given
property
instanceof checks if the object is an instance of given
type
new creates an instance (object)
typeof checks the type of object.
void it discards the expression's return value.
yield checks what is returned in a generator by the

Printing basic outputs
In JavaScript we can display data in following ways:
• Writing into an HTML element, using innerHTML.
• Writing into the HTML output using document.write().
• Writing into an alert box, using window.alert().
• Writing into the browser console, using console.log().

Adavntages of JavaScripts
• Speed
• Simplicity
• Popularity
• Interoperability
• Server Load
• Rich Interfaces
• Extended Functionality
• Versatility
• Less Overhead

The document provides an overview of JavaScript data types, categorizing them into primitive (number, string, boolean, null, undefined, symbol) and non-primitive types (object, array, function). It explains variable behavior, operations, and includes examples of expressions, comparison, and logical operations. Additionally, it covers operators, including arithmetic, assignment, comparison, and the ternary operator, highlighting their usage in JavaScript coding.

Operator 04 (js)AbhishekMondal42

Unit2wtvamsi krishna

JavaScript is used to add interactivity to web pages. It can validate forms, detect browsers, create cookies, and more. JavaScript is the most popular scripting language on the internet and works in all major browsers. JavaScript is an interpreted language that is usually embedded directly into HTML pages. It is commonly used to dynamically update content and validate user input. Java and JavaScript are two completely different languages - Java is more complex and powerful while JavaScript is lightweight.

Unit2wtvamsitricks

JavaScript is used to add interactivity to web pages. It can validate forms, detect browsers, create cookies, and more. JavaScript is the most popular scripting language on the internet and works in all major browsers. JavaScript code is usually embedded directly into HTML pages and is an interpreted language. Java and JavaScript are two completely different languages - Java is more complex while JavaScript is lightweight.

Java script questionsSrikanth

JavaScript is a scripting language used to add interactivity to HTML pages. It can be embedded directly in HTML and is supported by major browsers. JavaScript code can be placed in the head or body section of an HTML document and will run when the page loads. Variables are containers that store information and can be assigned values. Functions contain blocks of code that are executed when called. Dynamic HTML (DHTML) allows complete control of HTML elements using JavaScript to dynamically change element positioning, styles, and handling events.

JavaScript for beginners Shahrukh Ali Khan

The document discusses JavaScript basics, including syntax, operators, conditional code, loops, functions, and other fundamental concepts. It provides examples and explanations of JavaScript syntax, basic operators, logical operators, comparison operators, conditional statements like if/else, truthy and falsy values, loops like for, while, and do-while, and functions. The document is intended as an introduction and overview of core JavaScript concepts for readers new to programming.

JAVASCRIPT - LinkedInGino Louie Peña, ITIL®,MOS®

The document provides an overview of JavaScript including: - JavaScript allows client-side scripts to interact with the user and alter web page content. - JavaScript code is placed within <script> tags and can be included in the <head> or <body> sections of an HTML page. - Variables, operators, comments, and basic syntax like semicolons are explained. Common data types, arithmetic operators, comparison operators and assignment operators are also covered at a high level. - Control structures like if/else statements and switch statements allow JavaScript to make decisions and execute code conditionally.

Java script.pptx v22x026

The document provides information about JavaScript including: - JavaScript is used to create dynamic and interactive web pages through client-side scripting. It is an interpreted scripting language that is lightweight, cross-platform, and embedded in HTML. - The key features of JavaScript include being object-based, prototype-based, multi-paradigm, supporting functions, and being a loosely typed, dynamic language. - Common uses of JavaScript include form validation, dynamic content display, event handling, and AJAX. Popular applications include interactive elements, animations, and dynamic behavior on web pages.

JavaScript: Operators and ExpressionsLearnNowOnline

The document discusses expressions in JavaScript. It states that expressions are the building blocks of code and can be evaluated to a value. Expressions can be built from simpler expressions using operators. The document explores different types of operators in JavaScript like arithmetic, bitwise, assignment, and increment/decrement operators. It explains how these operators work and the expressions they enable.

Introduction to javascript.pptBArulmozhi

The document introduces JavaScript and discusses some key concepts: 1. It defines scripting languages and lists JavaScript, PHP and Python as examples. It also discusses some common applications of scripting languages. 2. It explains how the <script> tag is used to define client-side scripts in HTML and some common attributes of the tag like async, defer and src. 3. It provides an overview of JavaScript, covering data types, variables, operators and more. Arithmetic, comparison, logical and assignment operators are defined along with examples.

JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssssyoussefsoulali2

DIWE - Programming with JavaScriptRasan Samarasinghe

The document is a comprehensive guide on JavaScript programming as part of a diploma in web engineering. It covers fundamental concepts including syntax, data types, variables, operators, control structures, arrays, functions, objects, error handling, and event handling in a structured format. Each section explains key features and functionalities, providing code examples and explanations to aid understanding.

Unit - 4 all script are here Javascript.pptxkushwahanitesh592

The document covers the fundamentals of JavaScript, including its integration into HTML through <script> tags, its data types, variable declaration methods, and various operators. It also explains control structures like if-else statements and loops (for, while, do-while), as well as mouse and keyboard events related to user interactions. Overall, it serves as an introductory guide to JavaScript programming for web development.

Unit 2.5Abhishek Kesharwani

This document provides an overview of JavaScript including: - JavaScript is a lightweight, interpreted programming language designed for creating network-centric applications. It is complementary to and integrated with HTML. - JavaScript code is placed within <script> tags in an HTML document and can be placed in the <head> or <body> sections. - JavaScript is case sensitive, ignores whitespace, and semicolons are optional. It supports various data types, variables, operators, control structures like if/else statements, loops and functions. - Functions are defined using the function keyword and parameters can be passed to functions. Exceptions can be handled using try/catch blocks. - Common JavaScript statements include if/else, switch, while,

Java scriptsCapgemini India

JavaScript events allow code to run in response to user actions or changes to the document. Common events include onclick which fires when the user clicks an element, and onload which fires when a page finishes loading. JavaScript code is associated with events using HTML event handler attributes or by registering event listeners in the code. Events help make pages dynamic and interactive by triggering JavaScript functions in response to user input.

Javascript - Tutorialadelaticleanu

JavaScript OperatorsCharles Russell

This document discusses various JavaScript operators, categorizing them into unary, binary, and ternary types. It explains how operators function with operands, including arithmetic, comparison, and logical operators, detailing their syntax and behavior. Additionally, the document touches on type coercion, the impact of data types, and operator precedence, while also addressing the significance of truthy and falsy values.

itft-Operators in javaAtul Sehdev

The document provides an overview of various operators in Java, categorizing them into arithmetic, relational, bitwise, logical, assignment, and miscellaneous operators. It includes descriptions and examples of how these operators function and their respective use cases. Additionally, it discusses operator precedence in Java, detailing how different categories of operators associate and behave during evaluation.

JavaScript Training in Ambala ! Batra Computer Centrejatin batra

The document discusses JavaScript and its uses. It covers what JavaScript is, how it differs from Java, how to embed JavaScript in HTML pages, variables, operators, and popup boxes. Specifically, it explains that JavaScript is a scripting language used to make web pages interactive, introduces common elements like variables, operators, and popup boxes, and provides examples of how to use these JavaScript features.

09. session 9 operators and statementsPhúc Đỗ

This document describes different types of operators and statements in JavaScript. It explains arithmetic, relational, logical, assignment, bitwise, and special operators. It also covers increment and decrement operators, arithmetic operators, relational operators, logical operators, assignment operators, bitwise operators, string operators, shift operators, and regular expressions. The document discusses if, if-else, if-else if else, switch-case statements and nested if statements for decision making. It provides examples of operators and statements.

Javascript comparison and logical operatorsJesus Obenita Jr.

Here are the JavaScript source codes for the given problems: COMPARISON <script> var x = 50; var y = 68; var z = (x < y); alert(z); </script> LOGICAL <script> var x = 50; var y = 68; var z = (x == y && y == x); alert(z); </script> CONDITIONAL <script> var answer = prompt("What is the first calculating device? Abacus or Comptometer?", ""); var result = (answer == "Abacus") ? "Congratulation!" : "Try Again"; alert(

13665449.pptJP Chicano

This document provides an overview of JavaScript fundamentals and includes examples and assignment questions. It covers topics such as: - The structure and syntax of JavaScript code - Variables, data types, and operators - How to write comments and identify errors - Converting values between Celsius and Fahrenheit Students are instructed to download example files, complete coding tasks, and submit their work in a compressed folder for grading. The assignment includes 5 questions worth a total of 100 points. Working in teams is allowed but both team members' last names must be included in the submission.

11operator in c#Sireesh K

JavaScript 1 for high schooljekkilekki

This document provides an introduction to JavaScript, covering topics such as: - What JavaScript is and its origins - How to set up the browser console and load scripts - Data types in JavaScript including numbers, strings, Booleans, objects, and more - Variables, operators, and comparisons - Logical flow and conditionals - Basic programming concepts like functions, events, and objects The document gives examples and explanations for JavaScript syntax and fundamentals to help newcomers get started with the language. It also outlines a simple task manager project as an introduction to building applications with JavaScript.

JavaScript - Chapter 5 - OperatorsWebStackAcademy

The document provides an overview of various JavaScript operators, including arithmetic, unary, assignment, comparison, ternary, logical, type, and bitwise operators. It outlines their functionalities, syntax, and examples, such as the use of the ternary operator as a shortcut for 'if' statements and the behavior of logical expressions. Additionally, it covers specific operators like 'typeof', 'instanceof', and how to manipulate object properties with the 'delete' operator.

Learning JavaScript ProgrammingHriday Ahmed

This document provides an overview of a programming class on JavaScript. It begins with tips on effective learning and reasons to choose this JavaScript course, including versatility, browser compatibility, community resources, and job demand. It then covers the history of JavaScript from its creation in 1995 to today, how it has evolved from humble beginnings to dominating web development. It also lists integrated development environments (IDEs), how to set up servers, connect to AI services, and get started with basic JavaScript syntax including variables, operators, comments, and data types.

Ch. 17 FIT5, CIS 110 13Fmh-108

This document provides an overview of fundamental JavaScript concepts including: - Programming concepts like variables, data types, operators, and conditional statements. - JavaScript can be run directly in the browser using a <script> tag. - Variables are used to store and manipulate data, and have naming rules/conventions. Common data types are numbers, strings, and booleans. - Operators allow expressions to be built and values compared/combined. Conditionals like if/else control program flow. - Examples are provided throughout to demonstrate JavaScript syntax and how various concepts work.

Black and White Illustrative Group Project Presentation.pdf (1).pdfAnnasofiaUrsini

Allomorps and word formation.pptx - Google Slides.pdfAbha Pandey

More Related Content

Similar to Introduction to JavaScript Scripting Language (20)

Java script.pptx v22x026

JavaScript: Operators and ExpressionsLearnNowOnline

Introduction to javascript.pptBArulmozhi

JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssssyoussefsoulali2

DIWE - Programming with JavaScriptRasan Samarasinghe

Unit - 4 all script are here Javascript.pptxkushwahanitesh592

Unit 2.5Abhishek Kesharwani

Java scriptsCapgemini India

Javascript - Tutorialadelaticleanu

JavaScript OperatorsCharles Russell

itft-Operators in javaAtul Sehdev

JavaScript Training in Ambala ! Batra Computer Centrejatin batra

09. session 9 operators and statementsPhúc Đỗ

Javascript comparison and logical operatorsJesus Obenita Jr.

13665449.pptJP Chicano

11operator in c#Sireesh K

JavaScript 1 for high schooljekkilekki

JavaScript - Chapter 5 - OperatorsWebStackAcademy

Learning JavaScript ProgrammingHriday Ahmed

Ch. 17 FIT5, CIS 110 13Fmh-108

Java script.pptx v22x026

JavaScript: Operators and ExpressionsLearnNowOnline

Introduction to javascript.pptBArulmozhi

JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssssyoussefsoulali2

DIWE - Programming with JavaScriptRasan Samarasinghe

Unit - 4 all script are here Javascript.pptxkushwahanitesh592

Unit 2.5Abhishek Kesharwani

Java scriptsCapgemini India

Javascript - Tutorialadelaticleanu

JavaScript OperatorsCharles Russell

itft-Operators in javaAtul Sehdev

JavaScript Training in Ambala ! Batra Computer Centrejatin batra

09. session 9 operators and statementsPhúc Đỗ

Javascript comparison and logical operatorsJesus Obenita Jr.

13665449.pptJP Chicano

11operator in c#Sireesh K

JavaScript 1 for high schooljekkilekki

JavaScript - Chapter 5 - OperatorsWebStackAcademy

Learning JavaScript ProgrammingHriday Ahmed

Ch. 17 FIT5, CIS 110 13Fmh-108

Recently uploaded (20)

Black and White Illustrative Group Project Presentation.pdf (1).pdfAnnasofiaUrsini

Allomorps and word formation.pptx - Google Slides.pdfAbha Pandey

Energy Balances Of Oecd Countries 2011 Iea Statistics 1st Edition Oecdrazelitouali

Rai dyansty Chach or Brahamn dynasty, History of Dahir History of Sindh NEP.pptxDr. Ravi Shankar Arya Mahila P. G. College, Banaras Hindu University, Varanasi, India.

This presentation has been made keeping in mind the students of undergraduate and postgraduate level. To keep the facts in a natural form and to display the material in more detail, the help of various books, websites and online medium has been taken. Whatever medium the material or facts have been taken from, an attempt has been made by the presenter to give their reference at the end. In the seventh century, the rule of Sindh state was in the hands of Rai dynasty. We know the names of five kings of this dynasty- Rai Divji, Rai Singhras, Rai Sahasi, Rai Sihras II and Rai Sahasi II. During the time of Rai Sihras II, Nimruz of Persia attacked Sindh and killed him. After the return of the Persians, Rai Sahasi II became the king. After killing him, one of his Brahmin ministers named Chach took over the throne. He married the widow of Rai Sahasi and became the ruler of entire Sindh by suppressing the rebellions of the governors.

Unit- 4 Biostatistics & Research Methodology.pdfKRUTIKA CHANNE

Blocking and confounding (when a third variable, or confounder, influences both the exposure and the outcome) system for Two-level factorials (a type of experimental design where each factor (independent variable) is investigated at only two levels, typically denoted as "high" and "low" or "+1" and "-1") Regression modeling (statistical model that estimates the relationship between one dependent variable and one or more independent variables using a line): Hypothesis testing in Simple and Multiple regression models Introduction to Practical components of Industrial and Clinical Trials Problems: Statistical Analysis Using Excel, SPSS, MINITAB®️, DESIGN OF EXPERIMENTS, R - Online Statistical Software to Industrial and Clinical trial approach

How to Manage & Create a New Department in Odoo 18 EmployeeCeline George

LDMMIA Spring Ending Guest Grad Student NewsLDM & Mia eStudios

Available Sun June 8th, for Weekend June 14th/15th. Timeless for Summer 25. Our libraries do host classes for a year plus in most shops. Timelines do vary. See also our Workshops 8, 9, and 2 Grad/Guest Updates. Workshop 9 was uploaded early also for Weekend June 14th/15th. Reiki Yoga Level 1 - Practitioner Studies. For our June Schedules I luv the concept of effortless learning. My Background includes traditional & Distant Education. My Fav classes were online. A few on Campus recent years. So, for LDMMIA I believe in Self-Help, Self-Care, Self-Serve lol. “How can my followers/readers privately attend courses?” So this season, I do want to expand our new Merch Shop. This includes digital production like no other - Wow. More Updates this Mo lol. Merch Host: teespring.com

Webcrawler_Mule_AIChain_MuleSoft_Meetup_HyderabadVeera Pallapu

SPENT QUIZ NQL JR FEST 5.0 BY SOURAV.pptxSourav Kr Podder

Overview of Employee in Odoo 18 - Odoo SlidesCeline George

Unit 3 Poster Sketches with annotations.pptxbobby205207

FEBA Sofia Univercity final diplian v3 GSDG 5.2025.pdfChristinaFortunova

Paper 109 | Archetypal Journeys in ‘Interstellar’: Exploring Universal Themes...Rajdeep Bavaliya

Get ready to embark on a cosmic quest as we unpack the archetypal power behind Christopher Nolan’s ‘Interstellar.’ Discover how hero’s journey tropes, mythic symbols like wormholes and tesseracts, and themes of love, sacrifice, and environmental urgency shape this epic odyssey. Whether you’re a film theory buff or a casual viewer, you’ll learn why Cooper’s journey resonates with timeless myths—and what it means for our own future. Smash that like button, and follow for more deep dives into cinema’s greatest stories! M.A. Sem - 2 | Presentation Presentation Season - 2 Paper - 109: Literary Theory & Criticism and Indian Aesthetics Submitted Date: April 5, 2025 Paper Name: Literary Theory & Criticism and Indian Aesthetics Topic: Archetypal Journeys in ‘Interstellar’: Exploring Universal Themes in Nolan’s Cosmic Odyssey [Please copy the link and paste it into any web browser to access the content.] Video Link: https://youtu.be/vHLaLZPHumk For a more in-depth discussion of this presentation, please visit the full blog post at the following link: https://rajdeepbavaliya2.blogspot.com/2025/04/archetypal-journeys-in-interstellar-exploring-universal-themes-in-nolan-s-cosmic-odyssey.html Please visit this blog to explore additional presentations from this season: Hashtags: #ChristopherNolan #Interstellar #NolanFilms #HeroJourney #CosmicOdyssey #FilmTheory #ArchetypalCriticism #SciFiCinema #TimeDilation #EnvironmentalCinema #MythicStorytelling Keyword Tags: Interstellar analysis, Christopher Nolan archetypes, hero’s journey explained, wormhole symbolism, tesseract meaning, myth in sci-fi, cinematic archetypes, environmental themes film, love across time, Nolan film breakdown

june 10 2025 ppt for madden on art science is over.pptxroger malina

Introduction to Generative AI and Copilot.pdfTechSoup

MATERI PPT TOPIK 4 LANDASAN FILOSOFIS PENDIDIKANaditya23173

ROLE PLAY: FIRST AID -CPR & RECOVERY POSITION.pptxBelicia R.S

Role play : First Aid- CPR, Recovery position and Hand hygiene. Scene 1: Three friends are shopping in a mall Scene 2: One of the friend becomes victim to electric shock. Scene 3: Arrival of a first aider Steps: Safety First Evaluate the victim‘s condition Call for help Perform CPR- Secure an open airway, Chest compression, Recuse breaths. Put the victim in Recovery position if unconscious and breathing normally.

PEST OF WHEAT SORGHUM BAJRA and MINOR MILLETS.pptxArshad Shaikh

Wheat, sorghum, and bajra (pearl millet) are susceptible to various pests that can significantly impact crop yields. Common pests include aphids, stem borers, shoot flies, and armyworms. Aphids feed on plant sap, weakening the plants, while stem borers and shoot flies damage the stems and shoots, leading to dead hearts and reduced growth. Armyworms, on the other hand, are voracious feeders that can cause extensive defoliation and grain damage. Effective management strategies, including resistant varieties, cultural practices, and targeted pesticide applications, are essential to mitigate pest damage and ensure healthy crop production.

Final Sketch Designs for poster production.pptxbobby205207

The Man In The Back – Exceptional Delaware.pdfdennisongomezk

Black and White Illustrative Group Project Presentation.pdf (1).pdfAnnasofiaUrsini

Allomorps and word formation.pptx - Google Slides.pdfAbha Pandey

Energy Balances Of Oecd Countries 2011 Iea Statistics 1st Edition Oecdrazelitouali

Rai dyansty Chach or Brahamn dynasty, History of Dahir History of Sindh NEP.pptxDr. Ravi Shankar Arya Mahila P. G. College, Banaras Hindu University, Varanasi, India.

Unit- 4 Biostatistics & Research Methodology.pdfKRUTIKA CHANNE

How to Manage & Create a New Department in Odoo 18 EmployeeCeline George

LDMMIA Spring Ending Guest Grad Student NewsLDM & Mia eStudios

Webcrawler_Mule_AIChain_MuleSoft_Meetup_HyderabadVeera Pallapu

SPENT QUIZ NQL JR FEST 5.0 BY SOURAV.pptxSourav Kr Podder

Overview of Employee in Odoo 18 - Odoo SlidesCeline George

Unit 3 Poster Sketches with annotations.pptxbobby205207

FEBA Sofia Univercity final diplian v3 GSDG 5.2025.pdfChristinaFortunova

Paper 109 | Archetypal Journeys in ‘Interstellar’: Exploring Universal Themes...Rajdeep Bavaliya

june 10 2025 ppt for madden on art science is over.pptxroger malina

Introduction to Generative AI and Copilot.pdfTechSoup

MATERI PPT TOPIK 4 LANDASAN FILOSOFIS PENDIDIKANaditya23173

ROLE PLAY: FIRST AID -CPR & RECOVERY POSITION.pptxBelicia R.S

PEST OF WHEAT SORGHUM BAJRA and MINOR MILLETS.pptxArshad Shaikh

Final Sketch Designs for poster production.pptxbobby205207

The Man In The Back – Exceptional Delaware.pdfdennisongomezk

Introduction to JavaScript Scripting Language

1. JavaScript Basics Let’s Start

2. 1. JavaScript is the programming language of the Web. 2. JavaScript is easy to learn 3. JavaScript is the world’s most popular programming Language Overview

3. Alert Box in JavaScript An alert box is used if you want to make sure information comes though to the user. When an alert box pops up, the user will have to click “OK” . Syntax: window.alert(“Text”)

4. A confirm box is used if we want the user to verify or accept something When a confirm box pops up, the user will click on “OK” or “Cancel”. It works on true or false depends on “OK” and “Cancel”. Syntax: window.confirm(“Text”) confirm Box in JavaScript

5. A Prompt box is used if we want the user to input a value before entering a page. When a prompt box pops up, the user will have to click on “OK” or “Cancel” to proceed after entering an input value. “OK” returns the input value. “Cancel” returns null Syntax: window.prompt(“Text”) Prompt Box in JavaScript

6. In JavaScript expression is a valid set of literals , variables , operators that evaluate to a single value that is an expression. var x; let y; x=8; y=9; Let z=x+y; Fixed values are called as Literals. Expression in JavaScript

7. • Arithmetic Operators • Comparison (Relational) Operators • Bitwise Operators • Logical Operators • Assignment Operators • Special Operators Operators in JavaScript

8. Operator Description Example + Addition 10+20 = 30 - Subtraction 20-10 = 10 * Multiplication 10*20 = 200 / Division 20/10 = 2 % Modulus (Remainder) 20%10 = 0 ++ Increment var a=10; a++; Now a = 11 -- Decrement var a=10; a--; Now a = 9 Arithmetic Operators

9. Comparison Operators Operator Description Example == Is equal to 10==20 = false === Identical (equal and of same type) 10==20 = false != Not equal to 10!=20 = true !== Not Identical 20!==20 = false > Greater than 20>10 = true >= Greater than or equal to 20>=10 = true < Less than 20<10 = false <= Less than or equal to 20<=10 = false

10. Bitwise Operators Operator Description Example & Bitwise AND (10==20 & 20==33) = false | Bitwise OR (10==20 | 20==33) = false ^ Bitwise XOR (10==20 ^ 20==33) = false ~ Bitwise NOT (~10) = -10 << Bitwise Left Shift (10<<2) = 40 >> Bitwise Right Shift (10>>2) = 2 >>> Bitwise Right Shift with Zero (10>>>2) = 2

11. Comparison Operators Operator Description Example == Is equal to 10==20 = false === Identical (equal and of same type) 10==20 = false != Not equal to 10!=20 = true !== Not Identical 20!==20 = false > Greater than 20>10 = true >= Greater than or equal to 20>=10 = true < Less than 20<10 = false <= Less than or equal to 20<=10 = false

12. Logical Operators Operator Description Example && Logical AND (10==20 && 20==33) = false || Logical OR (10==20 || 20==33) = false ! Logical Not !(10==20) = true

13. Assignment Operators Operator Description Example = Assign 10+10 = 20 += Add and assign var a=10; a+=20; Now a = 30 -= Subtract and assign var a=20; a-=10; Now a = 10 *= Multiply and assign var a=10; a*=20; Now a = 200 /= Divide and assign var a=10; a/=2; Now a = 5 %= Modulus and assign var a=10; a%=2; Now a = 0

14. Special Operators Operator Description (?:) Conditional Operator returns value based on the condition. It is like if-else. , Comma Operator allows multiple expressions to be evaluated as single statement. delete Delete Operator deletes a property from the object. in In Operator checks if object has the given property instanceof checks if the object is an instance of given type new creates an instance (object) typeof checks the type of object. void it discards the expression's return value. yield checks what is returned in a generator by the

15. Printing basic outputs In JavaScript we can display data in following ways: • Writing into an HTML element, using innerHTML. • Writing into the HTML output using document.write(). • Writing into an alert box, using window.alert(). • Writing into the browser console, using console.log().

16. Adavntages of JavaScripts • Speed • Simplicity • Popularity • Interoperability • Server Load • Rich Interfaces • Extended Functionality • Versatility • Less Overhead

Introduction to JavaScript Scripting Language

Recommended

More Related Content

Similar to Introduction to JavaScript Scripting Language (20)

Recently uploaded (20)

Introduction to JavaScript Scripting Language