Arrow function example in Javscript

-

 Arrow function example

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test Document</title>
</head>
<body>
    <div class="hero" style="color: rgb(9, 59, 43);">
        <h2 id="first" style="text-align: center;">CLASS 1</h2>
            <p style="text-align: justify;">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo maiores odit cumque! Possimus cumque exercitationem perspiciatis voluptate ipsam iure? Facilis, repellendus dignissimos molestiae cum ullam nulla placeat suscipit dicta exercitationem nobis doloribus! Aliquid amet nihil consequuntur corrupti accusantium, cupiditate veniam, quam esse dicta ipsum eveniet, ipsam sunt vero hic voluptatibus?
            </p>
            
        <input type="text" style="width: 95%; height: 40px;" placeholder="ENTER TEXT HERE" id="val1"> <br><br>
           
        <button id="ty" >CLICK HERE</button>

    <script>



     document.querySelector("#ty").addEventListener("mouseover", () => {
        document.querySelector("#ty").innerText="CLICK ME TO TURN RED!!";
     });

     document.querySelector("#ty").addEventListener("click", () => {
        document.querySelector("#ty").style.color="red";
     });
        
    </script>

</body>
</html>
 
 

Comments

Post a Comment

I WOULD APPRECIATE IF YOU LEAVE A COMMENT OR YOUR FEEDBACK HERE !!!

Popular posts from this blog