اذهب إلى المحتوى

السؤال

نشر

السلام عليكم 
عند كتابة prompt هذا يعني  اجعل المستخدم يكتب text 

ولاكن ماذا يجب ان اكتب في الكود اذا اردت من المستخدم النقر علي زر مثلا بدلا من ان يكتب نص 

اريد البرنامج بان يقوم بطرح زريين للمستخدم للاتختيار بينهم 

 

مثلا 

let name = prompt ('enter your name')  /*

alert(`hi ${name}`)

/*

 

بدلا من ذلك اريده ان يقوم بطرح button

لا اعلم كيف ولاكن ليكون مثل هذا 

let button = ............?('press one of the buttons)

هل تفهم ما اقصد ؟

لانه يصعب علي الشرح كتابه صراحه

Recommended Posts

  • 0
نشر

هذه تسمى confirm في جافاسكريبت وهي تكتب بالشكل التالي :

confirm("Press a button!\nEither OK or Cancel.");

ويمكنك استخدامها في سياق الوظائف المختلفة بالشكل :

let text;
if (confirm("Press a button!") == true) {
  text = "You pressed OK!";
} else {
  text = "You canceled!";
}
console.log(text)

 

  • 0
نشر

السلام عليكم

- يوجد أكثر من طريقة لتنفيذ فكرتك كالتالي :

  • استخدام Confirm في جافاسكريبت ولكن المشكله أنها لا تدعم الا زر واحد فقط ونصه Ok والزر الثاني Cancel ويعني الالغاء ويمكن الالتفاف حول هذه المشكله واخبار المستخدم باختيار Ok لفعل كذا أو اختيار Cancel لفعل كذا مثل هذا الكود : 
let userEntry = confirm("اضغط أوك للاختيار الأول أو كانسل للاختيار الثاني");

if (userEntry) {
    alert("تم اختيار الخيار الأول");
} else {
    alert("تم اختيار الخيار الثاني");
}
  • والطريقة الأفضل بالطبع استخدام عنصر الButton في الHtml والتعامل مع عن طريق الأحداث في الجافا سكريب ولتنفيذ فكرتك نستخدم الكود التالي :
     
  •     <h1> اختر أحد الخيارين:</h1> 
        <button id="button1">الخيار الأول</button>
        <button id="button2"> الخيار الثاني</button>
        <p id="result"></p>
    
        <script>
            document.getElementById("button1").addEventListener("click", function () {
                document.getElementById("result").innerHTML = "تم اختيار الخيار الأول";
            });
    
            document.getElementById("button2").addEventListener("click", function () {
                document.getElementById("result").innerHTML = "تم اختيار الخيار الثاني";
            });
        </script>
  • وللتعمق أكثر في أحداث الجافاسكريبت أنصحك بقراءة هذه المقالة :

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...