Викторина «Все» № 2
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 пикселей;
курсор: указатель;
}
кнопка: наведите {
фон: #00a3cc;
}
.correct { фон: #4caf50 !important; }
.wrong {background: #f44336 !important; }
#progressBar {
ширина: 100%;
высота: 8 пикселей;
фон: #444;
поле внизу: 10 пикселей;
}
#прогресс {
высота: 8 пикселей;
ширина: 0%;
фон: #00d4ff;
}
#таймер {
поле внизу: 10 пикселей;
размер шрифта: 18 пикселей;
}
<тело>
<скрипт>
константная викторина = [
{q:"12 × 8?",a:["96","88","108","86"],правильно:0},
{q:"Квадратный корень из 144?",a:["10","11","12","13"],правильно:2},
{q:"Столица Франции?",a:["Берлин","Мадрид","Париж","Рим"],правильно:2},
{q:"H2O is?",a:["Соль","Вода","Кислород","Водород"],правильно:1},
{q:"Красная планета?",a:["Земля","Марс","Венера","Юпитер"],правильно:1},
{q:"Вторая мировая война закончилась?",a:["1945","1939","1918","1950"],right:0},
{q:"Самый большой океан?",a:["Атлантический","Индийский","Тихий","Арктический"],правильно:2},
{q:"Решить: 3x=21",a:["5","6","7","8"],правильно:2},
{q:"9²?",a:["81","72","99","90"],правильно:0},
{q:"Треугольник с суммой углов?",a:["180","360","90","270"],correct:0},
{q:"Двоичное число 2?",a:["10","11","01","00"],правильно:0},
{q:"Химический символ Fe?",a:["Золото","Железо","Серебро","Свинец"],правильно:1},
{q:"Самая большая планета?",a:["Земля","Сатурн","Юпитер","Марс"],правильно:2},
{q:"Газовые установки поглощают?",a:["Кислород","CO2","Азот","Водород"],правильно:1},
{q:"Автор Гамлета?",a:["Шекспир","Твен","Роулинг","Диккенс"],correct:0},
{q:"100 ÷ 4?",a:["20","25","30","15"],правильно:1},
{q:"Самый большой континент?",a:["Европа","Азия","Африка","Америка"],правильно:1},
{q:"Атомный номер водорода?",a:["1","2","3","4"],правильно:0},
{q:"Скорость света примерно?",a:["300 000 км/с","150000","1M","500"],correct:0},
{q:"Формула Пифагора?",a:["a²+b²=c²","a+b=c","a²=b²","none"],correct:0},
{q:"Первый президент США?",a:["Линкольн","Вашингтон","Адамс","Джефферсон"],правильно:1},
{q:"Использование фотосинтеза?",a:["Свет","Звук","Тепло","Ветер"],правильно:0},
{q:"ДНК означает?",a:["Дезоксирибо...","Динамическая кислота","Двойной атом","Нет"],правильно:0},
{q:"Автор 1984 года?",a:["Оруэлл","Хаксли","Кинг","Толкин"],правильно:0},
{q:"Человеческие кости?",a:["206","300","150","180"],correct:0},
{q:"Валюта Великобритании?",a:["Евро","Доллар","Фунт","Иена"],правильно:2},
{q:"Самая длинная река?",a:["Нил","Амазонка","Дунай","Янцзы"],правильно:0},
{q:"Площадь круга?",a:["πr²","2πr","r²","πd"],correct:0},
{q:"Глагол?",a:["Бег","Синий","Мягкий","Быстрый"],правильно:0},
{q:"7 × 9?",a:["63","56","72","49"],правильно:0}
];
// перемешивание
quiz.sort(()=>Math.random()-0.5);
пусть ток = 0;
пусть оценка = 0;
пусть время = 20;
пусть таймер;
функция startTimer(){
время = 20;
document.getElementById("timer").innerText = "Время: " + время;
таймер = setInterval(()=>{
время--;
document.getElementById("timer").innerText = "Время: " + время;
если (время <= 0) {
ClearInterval (таймер);
следующийВопрос();
}
},1000);
}
функция loadQuestion() {
ClearInterval (таймер);
СтартТаймер();
const q = викторина [текущий];
document.getElementById("вопрос").innerText = q.q;
document.getElementById("прогресс").style.width =
((текущий/длина теста)*100) + "%";
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) {
ClearInterval (таймер);
if (index === quiz[current].correct) {
btn.classList.add("правильно");
оценка++;
} еще {
btn.classList.add("неправильно");
}
Array.from(document.getElementById("ответы").дети)
.forEach(b => b.disabled = true);
setTimeout (nextQuestion, 800);
}
функция следующийВопрос(){
текущий++;
если (текущий = 75){
message = "Очень хорошие результаты.";
} иначе если (процент >= 50){
message = "Достойно. Вы знаете основы.";
} еще {
message = "Требуется улучшение.";
}
document.querySelector(".quiz-box").innerHTML = `
Викторина №2
Время: 20
Викторина завершена
Оценка: ${score} / ${quiz.length
${сообщение
Перезагрузить `; } загрузитьВопрос();
