What_Is_JavaScript[1]

What Is JavaScript?
JavaScript is a dynamic computer programming language. It is lightweight

and most commonly used as a part of web pages, whose implementations
allow client-side script to interact with the user and make dynamic pages.
It is an interpreted programming language with object-oriented
capabilities.
Javascript allows us to add interactivity to a web page.typically javascript
is used with HTML and CSS to enhance web pages functionality,such as
validating forms,creating interactive map.
When web page ia loaded, the javascript engine in the web browser
executes the javascript code.
The Javascript code then modifies the HTML and CSS to update user
interface dynamically.
Application of JavaScript
Programming
1. Presentations
• A very popular application of JavaScript is to create interactive presentations
as websites.
• JavaScript provides RevealJS and BespokeJS libraries to build web based slide
presentation.
2 Server Application
• JavaScript is also used to write server-side software through Node.js open-
source runtime environment.
• Developers can write, test and debug code for fast and scalable network
applications.
• Top companies like Walmart, PayPal, Uber, GoDaddy, and many more have
adopted Node.js for server infrastructure.
Features of javascript
The following are more characteristics of JavaScript:
• Client edge Technology
• Validation of User’s Input
• Else and If Statement
• Interpreter Centered
• Ability to perform In Built Function
• Case Sensitive format
• Light Weight and delicate
• Statements Looping
• Handling Events
1. Validation of User’s Input
• Validation of User’s Input is most commonly known as form
validation, it allows users to interact with client through filling forms
through web pages. The details in the form need to be correctly filled
where form validation helps the client to validate the details entered
by the user.
2. Else and IF Statement
• IF and Else Statements are used to perform logical operations.
3. Interpreter Centered
• Java Script is built with Interpreter Centered which allows the user to
get the output without the use of Compiler. That means the input
performed by the user gets rendered directly without the compiling
of codes.
4. Ability to Perform In Build Function
• Java Script has many In-Built Functions like isNAN (), Number (),
parseFloat () and parseInt () etc. isNAN () Function is used to identify
that input object is correct number format
5.Case Sensitive Format
• The codes written in Java Script are Case Sensitive
6.Statements Looping
• The statement looping is used to perform the same operations
repeatedly. In this operation the same set of code run in repeat manner
for a specific or unspecific set of time.
7. Handling Events
• The Java Script has the ability to control operations updated on servers.
This is basically controlling the response on the website when the user
tries to perform any operation the server handled by the client like
clicking on links and options, interaction response over the website, etc.
Client Side scripting:
• The client is computer system which is running the web browser.
• Client-side scripts are interpreted by the browser and executed on the
client system.
• Client-side scripting can be used to make web pages change after they
arrive at the browser.
• Client-side JavaScript is the most common form of the language. The
script should be included in or referenced by an HTML document for
the code to be interpreted by the browser.
• Client side scripts can also be used to perform validation of data
entered into forms.
JavaScript can be implemented using JavaScript statements that are placed
within the <script>... </script> HTML tags in a web page.
You can place the <script> tags, containing your JavaScript, anywhere within your
web page,
but it is normally recommended that you should keep
it within the <head> tags.
The <script> tag alerts the browser program to start interpreting all the text between
these tags as a script.
A simple syntax of your JavaScript will appear as follows.
<script ...>
JavaScript code
</script>
• Let us take a sample example to print out "Hello World".
• <html>
• <body>
• <script language = "javascript" type = "text/javascript">
• 
• </script>
• </body>
• </html>
• Comments in JavaScript
• JavaScript supports both C-style and C++-style comments, Thus −
• Any text between a // and the end of a line is treated as a comment and is
ignored by JavaScript.
• Any text between the characters /* and */ is treated as a comment. This may
span multiple lines.
• JavaScript also recognizes the HTML comment opening sequence  is not recognized by JavaScript so it
should be written as //-->.
Javascript 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
• JavaScript is a dynamic type language, means you don't need to
specify type of the variable because it is dynamically used by
JavaScript engine. You need to use var here to specify the data type. It
can hold any type of values such as numbers, strings etc. For example:
1.var a=40;//holding number

2.var b="Rahul";//holding string
JavaScript primitive data types
There are five types of primitive data types

in JavaScript. They are as follows:
Data Type Description

String represents sequence of
characters e.g. "hello"
Number represents numeric values
e.g. 100
Boolean represents boolean value
either false or true
Undefined represents undefined value
Null represents null i.e. no value
at all
• JavaScript non-primitive data types
• The non-primitive data types are as follows:
Data Type Description

Object represents instance through
which we can access
members
Array represents group of similar
values
JavaScript Variable
• A JavaScript variable is simply a name of storage location. There are two types of variables in JavaScript :
local variable and global variable.
• There are some rules while 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 digits (0 to 9), for example value1.
• JavaScript variables are case sensitive, for example x and X are different variables.
• Example:
• <html>
• <body>
• <script>
• var x = 10;
• var y = 20;
• var z=x+y;
• document.write(z);
• </script>
• </body>
JavaScript Arrays
• An array is a special variable, which can hold more than one value:
• Example
• <!DOCTYPE html>
• <html>
• <body>
• <h2>JavaScript Arrays</h2>
• <script>
• Var cars = ["Saab", "Volvo", "BMW"];
• document.write(cars);
• </script>
• </body>
• </html>
• Why Use Arrays?
• If you have a list of items (a list of car names, for example), storing the
cars in single variables could look like this:
• let car1 = "Saab";
let car2 = "Volvo";
let 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.
Creating an Array
• Using an array literal is the easiest way to create
a JavaScript Array.
Syntax:
const array_name = [item1, item2, ...];
Accessing Array Elements
• You access an array element by referring to
the index number:
• const cars = ["Saab", "Volvo", "BMW"];
car = cars[0];
• Example:-
• <html>
• <body>
• <h2>JavaScript Arrays</h2>
• <p>JavaScript array elements are accessed using numeric indexes (starting from 0).</p>
• <script>
• const cars = ["Saab", "Volvo", "BMW"];
• document.write(cars[0]);
• </script>
• </body>
• </html>
Text-overflow
• It specifies the representation of overflowed text, which is not visible to the user.
• It signals the user about the content that is not visible.
• This property helps us to decide whether the text should be clipped or
• show some dots (ellipsis).
• This property does not work on its own.
• We have to use white-space: nowrap; and overflow: hidden; with this property.
• Syntax
text-overflow: clip | ellipsis;
Property Values:--
• clip: It is the default value that clips the overflowed text.
• ellipsis: This value displays an ellipsis (…) or three dots to show the clipped text.
It is displayed within the area, decreasing the amount of text.
• <!DOCTYPE html>
• <html>
• <head>
• <style>
• p.test1 {
• white-space: nowrap;
• width: 200px;
• border: 1px solid #000000;
• overflow: hidden;
• text-overflow: clip;
• }
• p.test2 {
• white-space: nowrap;
• width: 200px;
• border: 1px solid #000000;
• overflow: hidden;
• text-overflow: ellipsis;
• }
• </style>
• </head>
• <body>
• <h1>The text-overflow Property</h1>

• <p>The following two paragraphs contains a long text that will not fit in the box.</p>
• <h2>text-overflow: clip:</h2>
• <p class="test1">This is some long text that will not fit in the box</p>
• <h2>text-overflow: ellipsis:</h2>
• <p class="test2">This is some long text that will not fit in the box</p>
• </body>
• </html>
CSS Word Wrapping
The CSS word-wrap property allows long words to be able
to be broken and wrap onto the next line. The word-wrap
property allows you to force the text to wrap - even if it means splitting
it in the middle of word. This property is used to prevent overflow
when an unbreakable string is too long to fit in the containing box.
Example:
<!DOCTYPE html>
<html>
<head>
<style>
p.test {
width: 200px;
border: 1px solid #000000;
word-wrap: break-word;
}
</style>
</head>
<body>
<h1>The word-wrap Property</h1>
<p class="test">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>
The CSS word-break property specifies line breaking rules. It specifies
how words should break
at the end of the line.
• The default value of this property is normal. So, this value is automatically used
when we don't
• specify any value.
Values:---
• keep-all: It breaks the word in the default style.
• break-all: It inserts the word break between the characters in order to prevent the
word overflow.

What_Is_JavaScript[1]

Uploaded by

What_Is_JavaScript[1]

Uploaded by

What Is JavaScript?

JavaScript is a dynamic computer programming language. It is lightweight

1.var a=40;//holding number

There are five types of primitive data types

Data Type Description

Data Type Description

• <h1>The text-overflow Property</h1>

<h1>The word-wrap Property</h1>

You might also like