Javascript Tutorial
Javascript Tutorial
2. Number
3. Bigint
4. Boolean
5. Undefined
6. Null
7. Symbol
8. Object
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
JavaScript Events
1. onclick
2. onchange
3. onkeydown
4. onload
5. onmouseover
6. onmouseout
7. onmousedown
8. onmouseup
9. onmousemove
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
JavaScript Operators
Arithmetic Operator
Assignment Operator
Comparison Operator
Logical Operator
Conditional Operator
Type Operators
!= not equal
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
? ternary operator
|| logical or
! logical not
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
of an object type
JavaScript Statements
let x, y, z; // Statement 1
x = 15; // Statement 2
y = 16; // Statement 3
z = x + y; // Statement 4
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
JavaScript Declare
let a, b, c; // Declare 3 variables
a = 5; b = 6; c = a + b;
JavaScript Syntax
// How to create variables : var x;let y;
let z = x + y;
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
JavaScript Strings
JavaScript strings are for storing and manipulating text.
Example
let text = "Pushpendra";
console.log(text)
String Length
Example
let text = "Pushpendra";
console.log(text)
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
console.log(text)
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
Example
let text = `He's often called "Push"`;
console.log(text)
Multiline Strings
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
`The quick
brown fox
jumps over
Variable Substitutions
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
console.log(text)
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
Storage API
Storage Object Properties and Methods
1- clear()
2- getItem()
3- key()
4- length
5- setItem()
6- removeItem()
7- window.localStorage
8- window.sessionStorage
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
Console API
The Console Object
The console object provides access to the browser's
debugging console.
1- assert()
9- log()
2- clear()
10- table()
3- count()
11- time()
4- error()
12- timeEnd()
5- group()
13- trace()
6- groupCollapsed()
14- warn()
7- groupEnd()
8- info()
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
2- constructor
14- isArray()
26- shift()
3- copyWithin()
15- join()
27- slice()
4- entries()
16- keys()
28- some()
5- every()
17- lastIndexOf()
29- sort()
6- fill()
18- length
30- splice()
7- filter()
19- map()
31- toString()
8- find()
20- pop()
32- unshift()
9- findIndex()
21- prototype
33- valueOf()
10- forEach()
22- push()
11- from()
23- reduce()
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
Example
Example
JSON Booleans
JSON Numbers
Example
Example
{"sale":true}
{"age":30} JSON null
Example
JSON Objects
{"middlename":null}
Example
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
console in JavaScript
info() method
Example
clear() Method
let tips = "Pushpendra Tripathi"
Example
console.info(tips);
let tips = "PushpendraTips"
console.log(tips)
Example
error() Method
console.log(tips);
Example
https://www.linkedin.com/in/pushpendratips
JAVASCRIPT
console in JavaScript
warn() Method
Example
console.warn(tips);
Example
console.table(["HTML","CSS","JAVASCRIPT"]);
Example
({fName:"Pushpendra", lName:"Tripathi"});
https://www.linkedin.com/in/pushpendratips
Pushpendra Tripathi
Thanks for reading!
Instagram: https://www.instagram.com/pushpendratips
Telegram: https://telegram.me/pushpendratips