10000 OOPs · Himanxusharma/JavaScript@965eb97 · GitHub
[go: up one dir, main page]

Skip to content

Commit 965eb97

Browse files
committed
OOPs
1 parent 2ad4e39 commit 965eb97

File tree

3 files changed

+154
-34
lines changed

3 files changed

+154
-34
lines changed

DOM.js

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -467,22 +467,22 @@
467467
// }
468468

469469

470-
// LOCAL & SESSION STORAGE
470+
// // LOCAL & SESSION STORAGE
471471

472-
// set local storage item
473-
localStorage.setItem('name','LocalJOhn');
474-
localStorage.setItem('email','localStorage@femail.com');
475-
localStorage.setItem('age','18');
472+
// // set local storage item
473+
// localStorage.setItem('name','LocalJOhn');
474+
// localStorage.setItem('email','localStorage@femail.com');
475+
// localStorage.setItem('age','18');
476476

477-
// set session storage item
478-
sessionStorage.setItem('name','SessionJOhn');
477+
// // set session storage item
478+
// sessionStorage.setItem('name','SessionJOhn');
479479

480-
const age = localStorage.getItem('age');
481-
console.log(age);
482-
const name = localStorage.getItem('name');
483-
console.log(name);
484-
const name1 = sessionStorage.getItem('name');
485-
console.log(name1);
480+
// const age = localStorage.getItem('age');
481+
// console.log(age);
482+
// const name = localStorage.getItem('name');
483+
// console.log(name);
484+
// const name1 = sessionStorage.getItem('name');
485+
// console.log(name1);
486486

487487

488488
// // remove from storage
@@ -496,32 +496,32 @@ console.log(name1);
496496
//JSON.stringify() - The JSON.stringify() method converts a JavaScript object or value to a JSON string, optionally replacing values if a replacer function is specified or optionally including only the specified properties if a replacer array is specified.
497497

498498

499-
document.querySelector('form').addEventListener('submit',function(e) {
499+
// document.querySelector('form').addEventListener('submit',function(e) {
500500

501-
e.preventDefault();
502-
const email = document.getElementById('staticEmail2').value;
501+
// e.preventDefault();
502+
// const email = document.getElementById('staticEmail2').value;
503503

504-
let emails;
505-
if(localStorage.getItem('emails') === null) {
506-
emails = []
507-
}
508-
else {
509-
emails = JSON.parse(localStorage.getItem('emails'))
510-
}
511-
emails.push(email);
512-
localStorage.setItem('emails',JSON.stringify(emails));
513-
alert('Email saved');
514-
});
504+
// let emails;
505+
// if(localStorage.getItem('emails') === null) {
506+
// emails = []
507+
// }
508+
// else {
509+
// emails = JSON.parse(localStorage.getItem('emails'))
510+
// }
511+
// emails.push(email);
512+
// localStorage.setItem('emails',JSON.stringify(emails));
513+
// alert('Email saved');
514+
// });
515515

516-
// document.querySelector()
516+
// // document.querySelector()
517517

518-
const tasks = JSON.parse(localStorage.getItem('emails'));
518+
// const tasks = JSON.parse(localStorage.getItem('emails'));
519519

520-
tasks.forEach(function(task) {
521-
console.log(task);
522-
});
520+
// tasks.forEach(function(task) {
521+
// console.log(task);
522+
// });
523523

524-
console.log(tasks);
524+
// console.log(tasks);
525525

526526

527527

OOPs.js

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
// //Constructors and this keyword
2+
3+
// const John= {
4+
// name: "John",
5+
// age: 50,
6+
// };
7+
8+
// console.log(John);
9+
10+
// function Person(name,age){
11+
// this.name= name;
12+
// this.age = age;
13+
// console.log(this);
14+
// }
15+
16+
// const Peter = new Person("Peter",18)
17+
// const Alan = new Person("Alan",28)
18+
// const Jack = new Person("Jack Sparrow",37)
19+
// console.log(Person);
20+
21+
// const name1 = "John";
22+
// const name2 = new String("Smith");
23+
24+
// name2.age = 50;
25+
26+
// console.log(name1, typeof name1);
27+
// console.log(name2, typeof name2);
28+
29+
// if(name2 === "Smith"){
30+
// console.log("Yes");
31+
// }
32+
// else{
33+
// console.log("No");
34+
// }
35+
36+
// const num1 = 5;
37+
// const num2 = new Number(5);
38+
39+
// console.log(num1, typeof num1);
40+
// console.log(num2, typeof num2);
41+
42+
// const bool1 = true;
43+
// const bool2 = new Boolean(true);
44+
45+
// console.log(bool1, typeof bool1);
46+
// console.log(bool2, typeof bool2);
47+
48+
// const getSum1 = function(x,y){
49+
// return x+y;
50+
// }
51+
52+
// console.log(getSum1(1,1));
53+
54+
// const getSum2 = new Function('x','y','return 1+1');
55+
56+
// console.log(getSum2(1,1));
57+
58+
// const john1 = {name: "John"};
59+
// const john2 = new Object({name: "John"});
60+
// console.log(john1, typeof john1);
61+
// console.log(john2, typeof john2);
62+
63+
// const arr1 = [1,2,3,4];
64+
// const arr2 = new Array(1,2,3,4);
65+
66+
// console.log(arr1, typeof arr1);
67+
// console.log(arr2, typeof arr2);
68+
69+
// const re1 = /\w+/;
70+
// const re2 = new RegExp('\\w+');
71+
72+
// console.log(re1, typeof re1);
73+
// console.log(re2, typeof re2);
74+
75+
76+
// //Prototypes
77+
78+
// function Person(firstName,lastName,dob){
79+
// this.firstName = firstName;
80+
// this.lastName = lastName;
81+
// this.birthday = new Date(dob);
82+
// // this.calculateAge = function(){
83+
// // const diff = Date.now() - this.birthday.getTime();
84+
// // const ageDate = new Date(diff);
85+
// // return Math.abs(ageDate.getUTCFullYear() - 1970);
86+
// // }
87+
// }
88+
89+
// Person.prototype.calculateAge = function(){
90+
// const diff = Date.now() - this.birthday.getTime();
91+
// const ageDate = new Date(diff);
92+
// return Math.abs(ageDate.getUTCFullYear() - 1970);
93+
// }
94+
95+
// Person.prototype.getFullName = function(){
96+
// return `${this.firstName} ${this.lastName}`;
97+
// }
98+
99+
// Person.prototype.getsMarried = function(newLastName){
100+
// this.lastName = newLastName;
101+
// }
102+
103+
// const john = new Person("John","Doe","8-12-1990");
104+
// const mary = new Person("Mary","Johnson","March 20 1978");
105+
106+
// console.log(mary);
107+
// console.log(john.calculateAge());
108+
// console.log(mary.getFullName());
109+
// mary.getsMarried("Smith");
110+
// console.log(mary.getFullName());
111+
112+
// console.log(mary.hasOwnProperty("firstName"));
113+
// console.log(mary.hasOwnProperty("getFullName"));
114+
115+
// //Prototypal Inheritance
116+
117+
118+
119+
120+

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@
7777
</form>
7878
</div>
7979
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
80-
<script src="DOM.js"></script>
80+
<script src="OOPs.js"></script>
8181
</body>
8282

8383
</html>

0 commit comments

Comments
 (0)
0