Internet and Web
Programming
MS.PRATHYAKSHINI
ISE DPT
NMAMIT,NITTE
JavaScript Variables
JavaScript Variables can be declared in 4 ways:
1. Automatically
2. Using var
3. Using let
4. Using const
<script>
x = 5;
y = 6;
z = x + y;
document.getElementById("demo").innerHTML =
"The value of z is: " + z;
</script>
In this first example, x, y, and z are undeclared variables.
They are automatically declared when first used:
1. Always declare variables
2. Always use const if the value should not be changed
3. Always use const if the type should not be changed (Arrays
and Objects)
4. Only use let if you can't use const
5. Only use var if you MUST support old browsers.
You declare a JavaScript variable with the var or the let keyword:
var carName;
or:
let carName;
To assign a value to the variable, use the equal sign:
carName = "Volvo";
You can also assign a value to the variable when you declare it:
let carName = "Volvo";
If you re-declare a JavaScript variable declared with var, it will not lose its value.
let person = "John Doe", carName = "Volvo", price = 200;
let person = "John Doe",
carName = "Volvo",
price = 200;
You cannot re-declare a variable declared with let or const.
You can redeclare variable using var, it will not lose its value
JavaScript variables
JavaScript uses the keywords var, let and const to declare
variables.
<script>
let x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>
JavaScript functions
A JavaScript function is defined with the function keyword, followed by a name, followed
by parentheses ().
Function names can contain letters, digits, underscores, and dollar signs (same rules as
variables).
The parentheses may include parameter names separated by commas:
(parameter1, parameter2, ...)
The code to be executed, by the function, is placed inside curly brackets: {}
function name(parameter1, parameter2, parameter3) {
// code to be executed
}
JavaScript functions
<script>
function myFunction(p1, p2) {
return p1 * p2;
}
let result = myFunction(4, 3);
document.getElementById("demo").innerHTML = result;
</script>
Function Invocation
When an event occurs (when a user clicks a button)
When it is invoked (called) from JavaScript code
Automatically (self invoked)
Function return
When JavaScript reaches a return statement, the function will
stop executing.
If the function was invoked from a statement, JavaScript will
"return" to execute the code after the invoking statement.
// Function is called, the return value will end up in x
let x = myFunction(4, 3);
function myFunction(a, b) {
// Function returns the product of a and b
return a * b;
}
Event Handling
