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

السؤال

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
نشر

الأمر بسيط أنت بحاجة إلى إنشاء عنصر وليكن 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...