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

محتاج كود جافا لعرض اسئله عشوائيًا

Mohamed Ahmed160

السؤال

السلام عليكم اخواني بارك الله فيكم 

محتاج كود لعرض ٣ اسئله عشوائية من مجموع ١٠ اسئله

في كل مره يتم تحديث الصفحه او الدخول عليها يتم عرض ٣ فقط 

ارجو مساعدتي ولكن الشكر

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

الخطوات الأساسية لتنفيذ ما تريد كمايلي

  • تم تخزين الأسئلة في مصفوفة questions
  • اختيار رقم عشوائي لاختيار السؤال
  • تم حفظ الأسئلة المعروضة في مصفوفة أخرى
  • التحقق من عدم تكرار السؤال

مثال على ذلك

// مصفوفة الأسئلة 
const questions = [
  'س1', 'س2', 'س3', 'س4', 'س5', 
  'س6', 'س7', 'س8', 'س9', 'س10'
];

function displayRandomQuestions() {

  // مصفوفة لحفظ الأسئلة المعروضة
  const shownQuestions = [];

  for(let i=0; i<3; i++) {

    // اختيار رقم عشوائي بين 0 - 9
    const randomIndex = Math.floor(Math.random() * questions.length);

    // عرض السؤال إذا لم يعرض من قبل
    if(!shownQuestions.includes(questions[randomIndex])) {
      console.log(questions[randomIndex]);
      shownQuestions.push(questions[randomIndex]);  
    } else {
      // إعادة التجربة إذا تكرر السؤال
      i--;
    }
  }
}
displayRandomQuestions();

قم بتعديل الكود السابق كما يناسبك 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

الله ينور اخي وشكرا ع تعبك ده كود html صح يعني اضيفه ع الصفحه هيظهر عادي 

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

الخطوات الأساسية لتنفيذ ما تريد كمايلي

  • تم تخزين الأسئلة في مصفوفة questions
  • اختيار رقم عشوائي لاختيار السؤال
  • تم حفظ الأسئلة المعروضة في مصفوفة أخرى
  • التحقق من عدم تكرار السؤال

مثال على ذلك

// مصفوفة الأسئلة 
const questions = [
  'س1', 'س2', 'س3', 'س4', 'س5', 
  'س6', 'س7', 'س8', 'س9', 'س10'
];

function displayRandomQuestions() {

  // مصفوفة لحفظ الأسئلة المعروضة
  const shownQuestions = [];

  for(let i=0; i<3; i++) {

    // اختيار رقم عشوائي بين 0 - 9
    const randomIndex = Math.floor(Math.random() * questions.length);

    // عرض السؤال إذا لم يعرض من قبل
    if(!shownQuestions.includes(questions[randomIndex])) {
      console.log(questions[randomIndex]);
      shownQuestions.push(questions[randomIndex]);  
    } else {
      // إعادة التجربة إذا تكرر السؤال
      i--;
    }
  }
}
displayRandomQuestions();

قم بتعديل الكود السابق كما يناسبك 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 5 دقائق مضت قال Mohamed Ahmed160:

الله ينور اخي وشكرا ع تعبك ده كود html صح يعني اضيفه ع الصفحه هيظهر عادي 

 

ليس كود html إنما جافاسكريبت فتحتاج لربط هذا الكود بال html لإظهار الأسئلة في الصفحة

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ الآن قال عبدالباسط ابراهيم:

ليس كود html إنما جافاسكريبت فتحتاج لربط هذا الكود بال html لإظهار الأسئلة في الصفحة

اسف لتعبك كيف اربطه طيب عشان يظهر ع الصفحه

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

الأمر بسيط أنت بحاجة إلى إنشاء عنصر وليكن div في HTML ثم ضع له كلاس من أجل إختياره فيما بعد من خلال جافاسكريبت وعرض الأسئلة به.

وفي جافاسكريبت نقوم بإنشاء مصفوفة من الأسئلة ثم إنشاء حلقة للإختيار عشوائيًا من بين الأسئلة كالتالي:

<!DOCTYPE html>
<html>
  
<head>
<title>Quiz</title>
</head>
  
<body>

<div class="questions"></div>

<script >
// Create an array of questions
const questions = [
  "ما هي عاصمة فرنسا؟",
  "ما هي عدد سكان الصين؟",
  "ما هو اسم الرئيس الحالي للولايات المتحدة؟",
  "ما هو الرمز الكيميائي للمياه؟",
  "ما هو جذر 16؟",
  "ما هي مجموع 1 + 1؟",
  "ما هو اسم الكوكب الأقرب إلى الشمس؟",
  "ما هو اسم أكبر محيط في العالم؟",
  "ما هو اسم أعلى جبل في العالم؟",
  "ما هو اسم أعمق خندق في المحيط في العالم؟"
];

// Generate 3 random questions
const randomQuestions = [];
for (let i = 0; i < 3; i++) {
  const randomIndex = Math.floor(Math.random() * questions.length);
  randomQuestions.push(questions[randomIndex]);
}

// Display the random questions
document.querySelector(".questions").innerHTML = randomQuestions.join("<br>");
</script>
  
<body>
</html>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

الله ينور اخي الكريم بس الكود احيانا يظهر سؤالين متشابهين مثل بالمرفق

بتاريخ 8 دقائق مضت قال Mustafa Suleiman:

الأمر بسيط أنت بحاجة إلى إنشاء عنصر وليكن div في HTML ثم ضع له كلاس من أجل إختياره فيما بعد من خلال جافاسكريبت وعرض الأسئلة به.

وفي جافاسكريبت نقوم بإنشاء مصفوفة من الأسئلة ثم إنشاء حلقة للإختيار عشوائيًا من بين الأسئلة كالتالي:

<!DOCTYPE html>
<html>
  
<head>
<title>Quiz</title>
</head>
  
<body>

<div class="questions"></div>

<script >
// Create an array of questions
const questions = [
  "ما هي عاصمة فرنسا؟",
  "ما هي عدد سكان الصين؟",
  "ما هو اسم الرئيس الحالي للولايات المتحدة؟",
  "ما هو الرمز الكيميائي للمياه؟",
  "ما هو جذر 16؟",
  "ما هي مجموع 1 + 1؟",
  "ما هو اسم الكوكب الأقرب إلى الشمس؟",
  "ما هو اسم أكبر محيط في العالم؟",
  "ما هو اسم أعلى جبل في العالم؟",
  "ما هو اسم أعمق خندق في المحيط في العالم؟"
];

// Generate 3 random questions
const randomQuestions = [];
for (let i = 0; i < 3; i++) {
  var randomIndex = Math.floor(Math.random() * questions.length);
  randomQuestions.push(questions[randomIndex]);
}

// Display the random questions
document.querySelector(".questions").innerHTML = randomQuestions.join("<br>");
</script>
  
<body>
</html>

 

 

IMG_6812.jpeg

IMG_6811.jpeg

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

استبدل الجزء الخاص بتوليد الأسئلة بالتالي:

// Generate 3 random questions
const randomQuestions = [];
const repeatedQuestions = [];

while (randomQuestions.length < 3) {
const randomIndex = Math.floor(Math.random() * questions.length);
if (randomQuestions.indexOf(questions[randomIndex]) === -1 && repeatedQuestions.indexOf(questions[randomIndex]) === -1) {
randomQuestions.push(questions[randomIndex]);
}
}

وأنت بحاجة إلى تعلم أساسيات HTML و JS ستفيدك المقالات التالية:

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...