Викторина «Все»
This is an automatic translation. Read the original
<голова>
<мета-кодировка="UTF-8">
<стиль>
тело {
семейство шрифтов: Arial, без засечек;
фон: линейный градиент (135 градусов, #1e1e2f, #2c2c54);
цвет: белый;
выравнивание текста: по центру;
отступ: 20 пикселей;
}
ч1 {
цвет: #00d4ff;
}
.quiz-box {
фон: #2f2f4f;
отступ: 20 пикселей;
радиус границы: 15 пикселей;
максимальная ширина: 600 пикселей;
маржа: авто;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.вопрос {
размер шрифта: 20 пикселей;
поле внизу: 15 пикселей;
}
кнопка {
дисплей: блок;
поле: 10 пикселей авто;
отступ: 10 пикселей 15 пикселей;
ширина: 80%;
граница: нет;
радиус границы: 10 пикселей;
фон: #00d4ff;
цвет: черный;
размер шрифта: 16 пикселей;
курсор: указатель;
переход: 0,3 с;
}
кнопка: наведите {
фон: #00a3cc;
}
.правильно {
фон: #4caf50 !важно;
}
.неправильный {
фон: #f44336 !important;
}
#оценка {
поле сверху: 20 пикселей;
размер шрифта: 22 пикселей;
}
<тело>
<скрипт>
константная викторина = [
{
вопрос: «Сколько будет 12 × 8?»,
а: ["96", "88", "108", "86"],
правильно: 0
},
{
вопрос: «Какая планета известна как Красная планета?»,
а: ["Земля", "Марс", "Юпитер", "Венера"],
правильно: 1
},
{
вопрос: «Кто написал «Ромео и Джульетту»?»,
а: ["Чарльз Диккенс", "Уильям Шекспир", "Марк Твен", "Джейн Остин"],
правильно: 1
},
{
вопрос: «Что такое квадратный корень из 144?»,
а: ["10", "11", "12", "13"],
правильно: 2
},
{
вопрос: «В каком году закончилась Вторая мировая война?»,
а: ["1942", "1945", "1939", "1950"],
правильно: 1
},
{
вопрос: «Что обычно называют H2O?»,
а: ["Кислород", "Водород", "Соль", "Вода"],
правильно: 3
},
{
q: «Решить: 3x = 21»,
а: ["5", "6", "7", "8"],
правильно: 2
},
{
вопрос: «Какая столица Франции?»,
а: ["Берлин", "Мадрид", "Париж", "Рим"],
правильно: 2
},
{
вопрос: «Какой газ поглощают растения?»,
а: ["Кислород", "Углекислый газ", "Азот", "Водород"],
правильно: 1
},
{
вопрос: «Какая самая длинная река в мире?»,
а: ["Амазонка", "Нил", "Дунай", "Миссисипи"],
правильно: 1
}
];
пусть ток = 0;
пусть оценка = 0;
функция loadQuestion() {
const q = викторина [текущий];
document.getElementById("вопрос").innerText = q.q;
const AnswersDiv = document.getElementById("ответы");
AnswersDiv.innerHTML = "";
q.a.forEach((ответ, индекс) => {
const btn = document.createElement("кнопка");
btn.innerText = ответ;
btn.onclick = () => checkAnswer(index, btn);
ответыDiv.appendChild(BTN);
});
}
функция checkAnswer(index, btn) {
const CorrectIndex = quiz[current].correct;
если (индекс === правильныйИндекс) {
btn.classList.add("правильно");
оценка++;
} еще {
btn.classList.add("неправильно");
}
Array.from(document.getElementById("ответы").дети)
.forEach(b => b.disabled = true);
setTimeout(() => {
текущий++;
if (текущий ";
}
}, 1000);
}
загрузитьВопрос();
