script.js

const tracker = document.getElementById('follower')

document.body.onpointermove = event =>{
   const{clientX,clientY} = event
   tracker.animate({
    left:`${clientX}px`,
    top:`${clientY}px`},{duration :300,fill:'forwards'});
}
const random =()=>{

}
////////////////////////////////////////////////////////////////////////////////////
const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

let interval = null
const myinterval =setInterval(myGreeting,1000)
function myGreeting() {
  let variable = ['html','css','js','python','react']
    number = Math.floor(Math.random()*10/2)
    text = document.getElementById(variable[number])
      let iteration = 0;
      
      clearInterval(interval);
      
      interval = setInterval(() => {
        text.innerText = text.innerText
          .split("")
          .map((letter, index) => {
            if(index < iteration) {
              return text.dataset.value[index];
            }
          
            return letters[Math.floor(Math.random() * 26)]
          })
          .join("");
        
        if(iteration >= text.dataset.value.length){ 
          clearInterval(interval);
        }
        
        iteration += 1 / 3;
      }, 30);
  
}