web-development/Events.html at main · Varshalachheta/web-development · GitHub

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
32
33
34
35
<!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>Document</title>
</head>
<style>
    #para{
        border: 2px solid black;
        background-color: aqua;
        text-align: center;
        padding: 30px;

    }
    #btn{
        font-weight: bold;
        color: antiquewhite;
        background-color: black;
        display: inline;
        cursor: pointer;
        /* text-align: center;
        display: flex;
        justify-content: center;
        margin-left: 45%; */
    }
</style>
<body>
    <h3>JavaScript Events</h3>
    <p id="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero fuga quaerat, illum minima iusto saepe praesentium explicabo rem quis maiores? Modi totam quis dicta maiores accusamus dolore id, blanditiis, error, sed perspiciatis debitis fugiat sint quaerat! Nobis est earum at amet explicabo. Eum quasi aliquam ea reprehenderit non veniam amet. Doloremque temporibus iusto error deleniti omnis mollitia perspiciatis atque, minima reiciendis laudantium dolorem neque iste, aperiam delectus! Cum molestiae natus nihil. Iusto vitae illo asperiores voluptatem tenetur assumenda, voluptate corporis accusamus ducimus dolores cumque et rem quam expedita earum fuga obcaecati quidem! Delectus laudantium nulla voluptatem labore officiis consequatur dolor, in placeat eius provident, ex cum quisquam inventore deleniti odit. At voluptatum similique ut veniam quibusdam facere tempora quaerat dicta perferendis, ipsam unde magnam exercitationem est non laudantium expedita harum odio numquam ducimus hic cupiditate deserunt laboriosam dolorem commodi. Magni obcaecati aspernatur animi, voluptate temporibus nemo veritatis minima tempore laboriosam atque assumenda adipisci consequatur debitis. Placeat eos voluptatem officiis accusantium, illum libero veritatis non excepturi laborum aspernatur hic eius. Laudantium ut doloribus tenetur vitae. Illum repudiandae fuga fugiat nam quos eum quo ullam possimus alias adipisci ea fugit molestiae aliquam obcaecati numquam cum magni, voluptates repellat nulla delectus! Repellendus, enim!</p>
    <button id="btn" onclick="toggleHide()">Show/Hide</button>
    <script src="Events.js"></script>
</body>
</html>