How to check caps lock is on in javascript

• Display message if caps lock is on in javascript

  <input type="password" name="password" id="password" placeholder="Enter password"/>
  <div id="message"></div>
    
  <script>
      const password = document.querySelector('#password');
      const message = document.querySelector('#message');
      password.addEventListener('keyup', function (e) {
         if (e.getModifierState('CapsLock')) {
             message.textContent = 'Caps lock is on';
         } else {
             message.textContent = '';
         }
      });
  </script>
  

  This code snippet helps you to show the message if the caps lock button is on. Just copy/paste code in body tag of HTML page or you can use it as per your requirements and it will display message on click caps lock button if it is on. 

Back to code snippet queries related javascript