الفرق بين target and value

أعتقد أنك تقصد ال target الخاص بالكائن event وال value الخاصة بالعنصر المستهدف. 

لذلك الفرق بينهما يكون كالتالي

target: هو العنصر الذي تم استهدافه أو تم التفاعل معه مباشرة. مثل عند نقر زر الفأرة أو إدخال نص في حقل إدخال.كما في المثال التالي

<button id="btn">Click Me</button>

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

btn.addEventListener('click', function(event) {

  console.log(event.target); //target هذا هو ال <button id="btn">
  
});

أما بالنسبة لل value: هو القيمة أو المحتوى المرتبط بالعنصر المستهدف.

/ HTML
<input type="text" id="input">

// JavaScript
const input = document.getElementById('input');

input.addEventListener('input', function(event) {

  // target ال
  console.log(event.target); // <input id="input">

  // value ال 
  console.log(event.target.value); // entered text

}); 

بتاريخ 7 دقائق مضت قال عبدالباسط ابراهيم:

أعتقد أنك تقصد ال target الخاص بالكائن event وال value الخاصة بالعنصر المستهدف. 

لذلك الفرق بينهما يكون كالتالي

target: هو العنصر الذي تم استهدافه أو تم التفاعل معه مباشرة. مثل عند نقر زر الفأرة أو إدخال نص في حقل إدخال.كما في المثال التالي

<button id="btn">Click Me</button>

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

btn.addEventListener('click', function(event) {

  console.log(event.target); //target هذا هو ال <button id="btn">
  
});

أما بالنسبة لل value: هو القيمة أو المحتوى المرتبط بالعنصر المستهدف.

/ HTML
<input type="text" id="input">

// JavaScript
const input = document.getElementById('input');

input.addEventListener('input', function(event) {

  // target ال
  console.log(event.target); // <input id="input">

  // value ال 
  console.log(event.target.value); // entered text

}); 

 

ما هي دواعي استعمال  target اذا؟

و ماذا سيطبع الconsole في  المثال الاول؟

بتاريخ 4 دقائق مضت قال Bandar Abuseada:

ما هي دواعي استعمال  target اذا؟

و ماذا سيطبع الconsole في  المثال الاول؟

استخدام "target" يكون ذا أهمية كبيرة لفهم العنصر الذي تم التفاعل معه وبالتالي يكون له العديد من الإستخدامات

بعض الاستخدامات الشائعة لـ "target" تشمل:

• يمكن استخدام "target" لتغيير الأنماط (CSS) للعنصر الذي تم التفاعل معه، مما يسمح بتخصيص المظهر بناءً على التفاعل.
• في حالات التفاعل مع عدة عناصر، يمكن استخدام "target" للتحقق من نوع العنصر واتخاذ إجراء مختلف بناءً على النوع.

وهناك العديد من الإستخدامات الأخرى 

وفي المثال الأول سيطبع العنصر كالتالي

<button id="btn">