function rand(min, max) { return Math.floor( Math.random() * (max - min + 1) ) + min; } function shuffle(a) { for (let i = a.length - 1; i > 0; --i) { const j = rand(0, i); [a[i], a[j]] = [a[j], a[i]]; } return a; } function shuffleAll() { shuffle(Questions); for (let i = 0; i < Questions.length; ++i) { shuffle(Questions[i].answers) } } function Answer(answer, correct) { this.answer = answer; this.correct = correct; } class Description { constructor(description, answers) { this.description = description; this.answers = answers; } } function disableAnswers(flag) { if (flag) { for (let i = 0; i < ANSWERS; ++i) { answers[i].style.pointerEvents = "none"; } } else { for (let i = 0; i < ANSWERS; ++i) { answers[i].style.pointerEvents = "auto"; } } } function changeColor(el, color) { el.style.backgroundColor = color; } function highlightAnswer(el, color) { for (let time = 0; time < 3000; time += 1000) { setTimeout ( function() { changeColor(el, color) }, time ); setTimeout ( function() { changeColor(el, "#808080") }, time + 500 ); } } function markAnswer(el) { changeColor(el, "#ff6600"); } function unmarkAnswer(el) { changeColor(el, "#808080"); } function submitAnswer(el) { /* alert("Triggered!"); */ disableAnswers(true); if (Questions[round].answers[el.id - 1].correct) { highlightAnswer(el, "#008000"); } else { highlightAnswer(el, "#ff0000"); } setTimeout( function() { userAnswers.push( Questions[round].answers[el.id - 1].correct ); if (round < Questions.length - 1) { assignQuestion(++round); } else { finishQuiz(); } disableAnswers(false); }, 3000); } const ANSWERS = 4; var round; var question; var answers; var screen; var userAnswers = []; var Questions = [ new Description( "A girl rides her best comrade in order to extend her knowledge and experience.", [ new Answer("Kino no Tabi", true), new Answer("Toaru Kagaku no Railgun", false), new Answer("Astarotte no Omocha!", false), new Answer("Cross Ange: Tenshi to Ryuu no Rondo", false) ] ), new Description( "A princess starts collecting a harem because her cousin doesn't like her.", [ new Answer("Akatsuki no Yona", true), new Answer("Amnesia", false), new Answer("Diabolik Lovers", false), new Answer("Watashi ga Motete Dousunda", false) ] ), new Description( "Lonely nerd has two girls fall for him because he wrote an essay about bears.", [ new Answer("Oregairu", true), new Answer("Hyouka", false), new Answer("Boku wa Tomodachi ga Sukunai", false), new Answer("Suzumiya Haruhi no Yuuutsu", false) ] ), new Description( "Magical girl finds out her mother has a daughter-complex.", [ new Answer("Flip Flappers", true), new Answer("Shugo Chara!", false), new Answer("Cardcaptor Sakura", false), new Answer("Neo Angelique Abyss", false) ] ), new Description( "Guy picks up a naked girl on a business trip.", [ new Answer("Spice and Wolf", true), new Answer("Maoyuu Maou Yuusha", false), new Answer("Hagure Yuusha no Aesthetica", false), new Answer("Hatenkou Yuugi", false) ] ), new Description( "A milk-hating chemistry expert saves the world.", [ new Answer("Fullmetal Alchemist", true), new Answer("Steins;Gate", false), new Answer("Log Horizon", false), new Answer("Tantei Gakuen Q", false) ] ), new Description( "Cyborg is trying really hard to have senpai notice him.", [ new Answer("One Punch Man", true), new Answer("Tengen Toppa Gurren Lagann", false), new Answer("Inuyashiki", false), new Answer("Ergo Proxy", false) ] ), new Description( "A scientist developes the most realistic video game ever and nobody knows why.", [ new Answer("Sword Art Online", true), new Answer("Steins;Gate", false), new Answer("Accel World", false), new Answer("Log Horizon", false) ] ), new Description( "Girl tries to change the future by time travelling, but she fails because her world is deterministic.", [ new Answer("Puella Magi Madoka Magica", true), new Answer("Sailor Moon ", false), new Answer("Bungo Stray Dogs", false), new Answer("Sakurasou no Pet na Kanojo", false) ] ), new Description( "Different people participate in death games without anyone dying.", [ new Answer("Death Parade", true), new Answer("Deadmen Wonderland", false), new Answer("Btooom!", false), new Answer("Gantz", false) ] ), new Description( "A 12-year-old kid plays hide-and-seek with his father.", [ new Answer("Hunter X Hunter", true), new Answer("Black Clover", false), new Answer("Naruto", false), new Answer("Meitantei Conan", false) ] ), new Description( "A 17-year-old boy's mental health directly correlates with his performance at board games.", [ new Answer("Sangatsu no Lion", true), new Answer("Battery", false), new Answer("Captain Tsubasa", false), new Answer("Hikaru no Go", false) ] ), new Description( "A worldwide chess game sponsored by pizza.", [ new Answer("Code Geass", true), new Answer("Xiangqi Master", false), new Answer("Mahouka Koukou no Rettousei", false), new Answer("No Game No Life", false) ] ), new Description( "Dreamworks
How to train your Dragon Waifu", [ new Answer("Kobayashi-san Chi no Maid Dragon", true), new Answer("Dragonball", false), new Answer("Dragon Crisis!", false), new Answer("Ikkitousen", false) ] ), new Description( "Stockholm syndrom, but with a suicidal magical girl.", [ new Answer("Mahoutsukai no Yome", true), new Answer("Mahou Shoujo Madoka Magica", false), new Answer("Shugo Chara!", false), new Answer("Okusama wa Mahou Shoujo", false) ] ), new Description( "An unemployed bald guy in yellow and red clothing defeats villains using martial arts.", [ new Answer("Avatar: The Last Airbender", true), new Answer("One Punch Man", false), new Answer("Ansatsu Kyoushitsu", false), new Answer("Mob Psycho 100", false) ] ), new Description( "Bad guys are actually good guys trying to stop good guys who are actually bad guys.", [ new Answer("Nanatsu no Taizai", true), new Answer("Bleach", false), new Answer("Fairy Tail", false), new Answer("Zankyou no Terror", false) ] ), new Description( "The try-to-avoid-copyright-strikes challenge.", [ new Answer("Gintama", true), new Answer("Lucky Star", false), new Answer("Nichijou", false), new Answer("Hinamatsuri", false) ] ), new Description( "Popular guy tries to get in a relationship with a girl because he hates her.", [ new Answer("Masamune-kun no Revenge", true), new Answer("Kyoukai no Kanata", false), new Answer("Elfen Lied", false), new Answer("Gosick", false) ] ), new Description( "Waifus + Horse Racing + Idols.
The link between anime and My Little Pony.", [ new Answer("Uma Musume Pretty Derby", true), new Answer("OverDrive", false), new Answer("Bakuon!!", false), new Answer("Air Gear", false) ] ), ]; function assignQuestion(i) { question.innerHTML = Questions[i].description; for (let j = 0; j < ANSWERS; ++j) { answers[j].innerHTML = Questions[i].answers[j].answer; } } function initQuiz() { screen.style.display = "none"; round = 0; shuffleAll(); userAnswers.splice(0, userAnswers.length); assignQuestion(round); } function finishQuiz() { let rank; let rightAnswers = userAnswers.filter( function(value) { return value === true; } ).length if (rightAnswers == 20) { rank = "Madoka"; } else if (rightAnswers > 15) { rank = "Otaku" } else if (rightAnswers > 10) { rank = "Expert"; } else if (rightAnswers > 5) { rank = "Disciple"; } else { rank = "Filthy Casual"; } screen.style.display = "flex"; screen.innerHTML = "Corrects answers:
" + rightAnswers + " / " + userAnswers.length + "
Rank:
" + rank + "
Click to try again!"; } window.onload = function() { alert("Try guessing the animes based on their descriptions.\n\nEach question has only one correct answer.\n\nSee how many you can guess correctly and comment your best score!"); question = document.getElementById("question"); answers = document.getElementsByClassName("answer"); screen = document.getElementById("endscreen"); screen.innerHTML = "Click to start!"; }

Bad anime descriptions - Quiz