سؤال في الhtml & css

السلام عليكم

كيف يمكنني ان اقوم بالطلب من المتصفح ان يقوم بتنفيذ كود معين على عنصر معين عندما اقوم بالتمرير او النقر ... على عنصر اخر

شكراً

💖


يمكنك استعمال حدث الاستماع للتأثير على عنصر اخر عند النقر أو التمرير

<!DOCTYPE html>

<meta charset="UTF-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Document</title>
<button id="btn">click</button>

<h1 id="title">title</h1>

<script>

  const btn = document.getElementById('btn');

  btn.addEventListener('click', () => {

    document.getElementById('title').style.color = 'red';

    setTimeout(function () {

      document.getElementById('title').style.color = '';

    }, 500);

  });

  btn.addEventListener('mouseover', () => {

    document.getElementById('title').style.color = 'red';

    setTimeout(function () {

      document.getElementById('title').style.color = '';

    }, 500);

  });

</script>