Events tutorial in JavaScript

October 03, 2024
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Events JavaScript</title>
    <script>
        function hello() {
            document.write("Hello Everyone");
            alert("Hello Everyone");
        }
    </script>
</head>

<body onkeypress="hello()" onresize="hello()" onscroll="hello()">
    <button onclick="hello()">Click Me</button>
    <p ondblclick="hello()">Double Click on Me</p>
    <p oncontextmenu="hello()">Right Click on Me</p>
    <p onmouseenter="hello()">Mouse Enter on Me</p>
    <p onmouseout="hello()">Mouse Out on Me</p>
    <p onmousedown="hello()">Mouse Down on Me</p>
    <p onmouseup="hello()">Mouse Up on Me</p>
    <p>Key Press on Me</p>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident, assumenda? Voluptatum debitis modi rem, iure
        sit accusamus voluptates iusto, ab quaerat delectus facilis maxime eos culpa, nostrum adipisci! Ipsa accusamus
        veritatis asperiores veniam! Vitae asperiores, consequuntur sequi magni molestiae reprehenderit dignissimos vero
        magnam, labore numquam aspernatur atque. Fuga nobis, harum culpa iure, deserunt est doloribus sapiente quam
        molestiae aliquid nostrum ut et accusamus repellat neque, explicabo corporis ipsam aperiam ratione tempora nemo
        consequuntur! Incidunt ipsa quasi amet explicabo eius. Illo blanditiis numquam, nobis vitae quisquam tenetur
        obcaecati sunt reiciendis quibusdam accusantium totam animi explicabo architecto a id ipsum cumque illum tempora
        molestias voluptates dolorem. Fugiat laboriosam libero voluptate illo mollitia eos, modi consequatur voluptas,
        autem cumque repellat animi aliquam eius sit? Quam aut excepturi doloribus sapiente beatae, harum assumenda
        deserunt error delectus! Quaerat unde repellat deserunt voluptatem eius tenetur aperiam non delectus error
        repudiandae. Dolorem provident sit qui temporibus distinctio obcaecati voluptatem autem adipisci vitae a nisi
        nihil id pariatur ipsam minus, placeat eos dicta. Maxime facere molestiae, consequuntur voluptate eaque harum
        praesentium recusandae quos dicta nobis reprehenderit nihil quidem vitae laborum amet dolorem veritatis! Omnis
        dolores, harum sint reprehenderit hic quo. Rem animi repellat impedit eligendi suscipit cum error dolores! Quae
        accusantium placeat sit, sint, dolores at saepe, quas nemo impedit earum labore voluptates eum atque provident
        iure maxime magnam! Voluptate rerum praesentium, molestiae, nisi impedit, laudantium assumenda voluptates labore
        aliquam eveniet asperiores doloribus similique quam fugiat non quo. Corporis fugiat sunt ullam. Velit,
        exercitationem nisi? Dignissimos eaque ut, minus accusantium mollitia enim qui eius pariatur voluptates sapiente
        tenetur, cupiditate unde at officiis? Quod quos, iusto impedit placeat nam commodi nesciunt, corrupti adipisci
        sapiente accusamus at, delectus debitis temporibus! Aliquid quam praesentium earum vitae veritatis architecto
        quod exercitationem deleniti! Numquam at perspiciatis neque ab omnis quis commodi debitis magni?</p>
</body>

</html>