let shapesCount = 0;
function generateShapes() {
const shapesContainer = document.getElementById('shapes-container');
shapesContainer.innerHTML = ''; // مسح الأشكال السابقة
// اختيار عدد عشوائي من الأشكال بين 5 و 20
const numberOfShapes = Math.floor(Math.random() * 16) + 5;
shapesCount = numberOfShapes;
// إنشاء الأشكال العشوائية
for (let i = 0; i < numberOfShapes; i++) {
const randomShape = Math.floor(Math.random() * 3);
const shapeElement = document.createElement('div');
shapeElement.classList.add('shape');
if (randomShape === 0) {
shapeElement.classList.add('square');
} else if (randomShape === 1) {
shapeElement.classList.add('circle');
} else {
shapeElement.classList.add('triangle');
}
shapesContainer.appendChild(shapeElement);
}
}
function checkAnswer() {
const userAnswer = document.getElementById('user-answer').value;
const result = document.getElementById('result');
if (parseInt(userAnswer) === shapesCount) {
result.textContent = 'إجابة صحيحة! 😊';
result.style.color = 'green';
} else {
result.textContent = `إجابة خاطئة! العدد الصحيح هو ${shapesCount}. 😞`;
result.style.color = 'red';
}
// إعادة إنشاء الأشكال بعد الإجابة
setTimeout(generateShapes, 2000);
}
// بدء اللعبة بتوليد الأشكال عند تحميل الصفحة
window.onload = generateShapes;
- الحصول على الرابط
- X
- بريد إلكتروني
- التطبيقات الأخرى
تعليقات
إرسال تعليق