Advertisement
TZinovieva

Mouse Gradient JS Advanced

Sep 26th, 2023
893
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function attachGradientEvents() {
  2.     function attachGradientEvents() {
  3.         let gradient = document.getElementById('gradient');
  4.  
  5.         gradient.addEventListener('mousemove', gradientMove);
  6.         gradient.addEventListener('mouseout', gradientOut);
  7.  
  8.         function gradientMove(event) {
  9.             let power = event.offsetX / (event.target.clientWidth - 1);
  10.             power = Math.trunc(power * 100);
  11.             document.getElementById('result').textContent = power + "%";
  12.         }
  13.  
  14.         function gradientOut(event) {
  15.             document.getElementById('result').textContent = "";
  16.         }
  17.     };
  18. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement