تحديد النص بين اي رقمين وتلوينه عند مرور الفارة فوقه، هل من طريقة؟

الحل يكمن في ادراج تقسيمات النصوص التي تريد ضمن عنصر HTML معين، مثل <span></span> ومن ثم تحديد هذا العنصر وتغيير لونه عند مرور مؤشر الفأرة عليه.

ان كان هذا متوفرا، فالأمر يصبح بسيطا:

var elements = document.querySelectorAll('span')
elements.forEach(element => {
  element.addEventListener('mouseover', () => {
      element.style.color = "red" // اللون الذي تريد
  })
})

ان لم يكن هذه متوفرا، فعليك أن تقسم النص الخاص بك أولا، وثم تنفيذ الكود السابق.

لتقسيم النص الخاص بك، يمكنك تمريره الى دالة تستخدم ال regular expressions كهذه:

function divideText(text) {
      var parts = text.split(/(\d+)/).filter(Boolean);
      var spans = parts.map((part, index) => {
        if (index % 2 === 0) {
          return `<span>${part}</span>`;
        } else {
          return `<span class="between-numbers">${part}</span>`;
        }
      });
      return spans.join('');
}

ال text هو النص الخاص بك، ونتيجة الدالة يمكن تخزينها وعرضها لرؤية النص مقسما ضمن مجموعة span.