-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlecture23.html
31 lines (26 loc) · 2.53 KB
/
lecture23.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lecture 23 | DOM Styling in javascript</title>
<style>
.orange {
background-color: orange;
color: #fff;
}
</style>
</head>
<body>
*****************************Tutorial Start 🔥 ********************************
<h1 id="main">DOM Styling in javaScript</h1>
<h3 id="subcategory">Learn code with Adarsh</h3>
<p id="paracategory">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum aliquid, tenetur corporis veritatis consequuntur, tempora quae praesentium officiis, beatae illo ad animi provident veniam autem. Placeat totam aliquid voluptate officia voluptatibus blanditiis tempora eligendi delectus, numquam fugit nesciunt accusamus distinctio. Harum quidem, ad debitis error labore magnam quo sequi quis praesentium possimus vel libero cum sunt obcaecati fugiat. Similique sapiente debitis veniam dicta ullam cupiditate eveniet illum! Suscipit nemo quidem rerum consectetur ut quae sint laboriosam ullam saepe expedita placeat quaerat non neque ad repudiandae, architecto maxime obcaecati aliquid quasi debitis necessitatibus praesentium qui. Explicabo voluptatum, reprehenderit porro odit doloribus, sed molestias quis quasi atque nulla, nobis temporibus vitae quisquam tenetur maiores! Aliquid accusantium recusandae libero doloribus magnam? Reprehenderit quo dolore modi odit optio ducimus quasi doloremque at veniam pariatur autem sapiente ipsum velit nemo, perspiciatis fugit ab delectus distinctio et molestiae obcaecati voluptate a? Hic, maxime. Sed adipisci in expedita quam laborum repellendus, animi maxime dicta repudiandae provident ipsum harum ducimus? Error assumenda perspiciatis, neque voluptatum dolor voluptas iste debitis sit, nesciunt veritatis numquam quos maxime animi, facilis illo quae repudiandae a nulla officia alias quisquam quia mollitia. Modi magnam quia corrupti rem eveniet beatae, voluptatum eius accusantium soluta.</p>
<!-- onclick event listener function , jaise hum iss button pe click karege iss button ka function chal jayega-->
<button onclick="changeStyleUsingButton()">Click to change style</button>
<button onclick="getInformationUsingButton()">Click to Get Information about element</button>
***************************** Tutorial End 🚀 ********************************
<script src="lecture23.js"></script>
</body>
</html>