ما فائدة المعاملات في JavaScript وكيف يمكن تمريرها؟

Bandar Abuseada · 16 نوفمبر 2023

لم اقصد تعريف الparameter

بل اقصد كيف تعمل وكيف ترنبط بينها وبين HTML - مثالين لتصوضيح

الاول - السؤال هو ما فائده المعاملات في المثال ادناه بحيث يطبع undefand في كل مره يتم الضعط على submet اما في المثال الاخر يضهر لي قيمه التي اريدها بدون معاملات ابدا!!!

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Parameter and Input Field Binding</title>
</head>

<body>
    <label for="paramField">Parameter:</label>
    <input id="paramField"></input>
    <button type="submit" onclick='updateParameter()'>Submit</button>
  
    <script src="script.js"></script>
</body>

</html>

// Function to update the parameter field
function updateParameter(value) {
  const data = document.getElementById("paramField").innerHTML = value;
  console.log(data)
}

الثاني --------------------------------

هنا لم نستعمل المعاملات ابدا, اذا وجوهر السؤال ما فائده المعملات بالضبط? اليس في المثال الاول تم وضع المعاملات على انها مدخل لداله وجعل قيمتها هي data من ثم طبعتها في الكونسيل هذا اكثر منطقيه من استخدام .value هذا الامر حيرني ويجعلني اقول ما فائده البراميتز في حال لم تعمل على هذا المنقطق

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Parameter and Input Field Binding</title>
</head>
<body>
    <label for="inputField">Enter Text:</label>
    <input type="text" id="inputField" oninput="updateParameter(this.value)">
    <button type="submit" onclick="submitForm()">Submit</button>

    <script src="script.js"></script>
</body>

</html>

function submitForm() {
  var inputValue = document.getElementById("inputField").value;
  alert("Submitted value: " + inputValue);
}

تم التعديل في 16 نوفمبر 2023 بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Mustafa Suleiman · 16 نوفمبر 2023

في السياق البرمجي، المعاملات (أو الباراميترز) تستخدم لتمرير القيم إلى دوال أو أحداثث، وتستطيع استخدام المعاملات لتمرير القيم من العناصر في صفحة HTML إلى الدوال في ملف السكريبت.

المثال الأول:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Parameter and Input Field Binding</title>
</head>
<body>
    <label for="paramField">Parameter:</label>
    <input id="paramField"></input>
    <button type="submit" onclick='updateParameter()'>Submit</button>
  
    <script src="script.js"></script>
</body>
</html>

JS:

// script.js
// Function to update the parameter field
function updateParameter(value) {
  const data = document.getElementById("paramField").innerHTML = value;
  console.log(data);
}

قمت بتعريف دالة updateParameter ولكنها تتوقع معامل حيث حددت value كمعامل، ويجب تمريره لأنك تستخدمه في الدالة بوضع قيمة الحقل الذي يحمل id باسم paramField لتساوي معامل value، لذلك عليك تمريره كالتالي:

    <button type="submit" onclick='updateParameter("understand")'>Submit</button>

الآن، عند النقر على زر "Submit"، ستقوم الدالة updateParameter بتحديث المحتوى في عنصر الإدخال paramField بالقيمة "understand".

المثال الثاني:

لم تقم بتعيين أي معامل هنا في الدالة:

// script.js
function submitForm() {
  var inputValue = document.getElementById("inputField").value;
  alert("Submitted value: " + inputValue);
}

بل تقوم باستخراج القيمة التي تم كتابتها في الحقل الذي يحمل id باسم inputField ثم تقوم باستخدامها في دالة alert.

ما فائدة المعاملات في JavaScript وكيف يمكن تمريرها؟

السؤال

Bandar Abuseada

1 جواب على هذا السؤال

Recommended Posts

Mustafa Suleiman

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية