JavaScript

let element = document.querySelector('pre'); let previousContent = element.textContent; // add event listener element.addEventListener('mouseenter',(e)=>{ e.target.textContent = window.getComputedStyle(e.target)["cursor"]; }); // add event listener to get back to previous one element.addEventListener('mouseleave',(e)=>{ e.target.textContent =  previousContent; }); or element .addEventListener('mouseenter',( e )=>{ // let the cursor style display on pre tag for 5 seconds only for that we're using setTimeout() setTimeout(()=>{ e .target.textContent = window.getComputedStyle( e .target)["cursor"]; }, 5000); }); ==================================================================  let events = ["mouseenter","mouseleave"]; let element = document.querySelector('pre'); events.forEach((e)=>{ element.textContent = window.getComputedStyle(element.target)["cursor"]; }); =====================...