Skip to content

Commit 350c525

Browse files
Pankaj-StrPankaj-Str
committed
update objects topic
1 parent 61fed07 commit 350c525

2 files changed

Lines changed: 175 additions & 0 deletions

File tree

‎Example/JSObjects/objects.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
<script>
8+
9+
function info(){
10+
11+
console.log("welcome to codeswithapnakaj.com");
12+
13+
}
14+
15+
// calling function
16+
17+
info()
18+
19+
20+
class Person {
21+
22+
result() {
23+
24+
console.log("www.p4n.in")
25+
26+
}
27+
28+
29+
}
30+
31+
obj = new Person();
32+
33+
obj.result();
34+
35+
36+
const food = {
37+
38+
"name": "Pizza",
39+
"type":"Italian",
40+
bill() {
41+
console.log("Joy");
42+
console.log("300/-");
43+
},
44+
45+
};
46+
47+
48+
food.bill();
49+
console.log(food.name)
50+
console.log(food["type"])
51+
52+
53+
</script>
54+
</head>
55+
<body>
56+
57+
</body>
58+
</html>

‎Other_Example/fix_header/index.html‎

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
8+
<style>
9+
10+
header{
11+
height: 70px;
12+
width: 100%;
13+
background-color: aquamarine;
14+
position: fixed;
15+
}
16+
table{
17+
margin: auto;
18+
}
19+
p{
20+
margin: auto;
21+
width: 1200px;
22+
}
23+
td{
24+
height: 150px;
25+
width: 36%;
26+
text-align: center;
27+
padding: 100px;
28+
background-color: brown;
29+
30+
}
31+
div{
32+
height: auto;
33+
border: saddlebrown 1px solid;
34+
}
35+
36+
</style>
37+
38+
</head>
39+
<body>
40+
41+
<header>
42+
<h1 style="text-align: center;">joy samosa point</h1>
43+
</header>
44+
45+
46+
<div style="padding-top: 120px;">
47+
<p>
48+
Lorem ipsum dolor sit amet consectetur adipisicing elit. At, placeat! Cupiditate cumque distinctio, tempore deleniti aliquam quisquam reiciendis magni eos beatae reprehenderit voluptates eaque nobis officia iusto harum! Excepturi, obcaecati.
49+
</p>
50+
51+
<table border="1">
52+
<tbody>
53+
<tr>
54+
<td>Joy</td>
55+
<td>Joy</td>
56+
<td>Joy</td>
57+
<td>Joy</td>
58+
<td>Joy</td>
59+
60+
</tr>
61+
<tr>
62+
<td>Joy</td>
63+
<td>Joy</td>
64+
<td>Joy</td>
65+
<td>Joy</td>
66+
<td>Joy</td>
67+
68+
</tr>
69+
<tr>
70+
<td>Joy</td>
71+
<td>Joy</td>
72+
<td>Joy</td>
73+
<td>Joy</td>
74+
<td>Joy</td>
75+
76+
</tr>
77+
<tr>
78+
<td>Joy</td>
79+
<td>Joy</td>
80+
<td>Joy</td>
81+
<td>Joy</td>
82+
<td>Joy</td>
83+
84+
</tr>
85+
<tr>
86+
<td>Joy</td>
87+
<td>Joy</td>
88+
<td>Joy</td>
89+
<td>Joy</td>
90+
<td>Joy</td>
91+
92+
</tr>
93+
<tr>
94+
<td>Joy</td>
95+
<td>Joy</td>
96+
<td>Joy</td>
97+
<td>Joy</td>
98+
<td>Joy</td>
99+
100+
</tr>
101+
102+
<tr>
103+
<td>Joy</td>
104+
<td>Joy</td>
105+
<td>Joy</td>
106+
<td>Joy</td>
107+
<td>Joy</td>
108+
109+
</tr>
110+
</tbody>
111+
</table>
112+
</div>
113+
114+
115+
</body>
116+
</html>
117+

0 commit comments

Comments
 (0)