Author name: Spandana Chalkapur

Detect Arrow key press using javascript

Leave a Comment / HTML, JavaScript / By

<!DOCTYPE html> <html lang=”en”> <head>     <meta charset=”UTF-8″>     <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>     <title>Arrow Key Detection</title>     <style>         /* Simple styling for the display area */         #display {             font-size: 24px;             …

Detect Arrow key press using javascript Read More »

Music Player Web App

Leave a Comment / Uncategorized / By

HTML CODE(index.html) <!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″ />     <link       rel=”stylesheet”       href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css”       integrity=”sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==”       crossorigin=”anonymous”       referrerpolicy=”no-referrer”     />     <link …

Music Player Web App Read More »

Hiding Cursor using javascript

Leave a Comment / HTML, JavaScript / By

<!DOCTYPE html> <html>     <head>         <title>Hide Cursor</title>     </head>     <body>         <h1>Hiding Cursor using Javascript</h1>         <h4>Hurrah!..let’s hide cursor</h4>         <p>The cursor, a graphical pointer, indicates the user’s interaction point on a computer screen. In various applications, hiding the cursor can enhance the user experience, improve aesthetics, or serve functional purposes.             By understanding the techniques, applications, and considerations for hiding the cursor, developers can create more engaging, user-friendly, and specialized interfaces.             Hiding the cursor offers benefits in specific contexts but requires careful consideration of accessibility, usability, and compatibility factors.         </p>         <div id=”newdiv”> This is div area</div>         <script type=””text/javascript”>             document.getElementById(‘newdiv’).style.cursor=’none’         </script>     </body> </html> OUTPUT Near “This is div area” if we point the cursor we cannot see the cursor.  

Scroll to Top