quiz-lib.js

class Question{
    /* 
    takes in a question string, an array of string choices,
    and the index of the correct answer in the array
     */
    constructor(question, topic, choices, index_of_answer){
        this.question = question;
        this.choices = choices;
        this.index_of_answer = index_of_answer;
        this.topic = topic;
        this.playerSelection = "None";
    }
    isCorrect(){
        if(this.index_of_answer == this.playerSelection){
            return true;
        }
        return false;
    }
    resetSelection(){
        this.playerSelection = "None";
    }
    setSelection(choice){
        this.playerSelection = choice;
    }
    getSelection(){
        return this.playerSelection;
    }
    getAnswer(){
        return this.index_of_answer;
    }
}

const questions = [];
questions.push(new Question("The principle of hiding the implementation details of a class from the outside world, and exposing only a well-defined interface for interacting with the class is known as", 
                             "Object Oriented Programming", 
                            ["Inheritance", "Encapsulation", "Polymorphism", "Obstruction"], 
                            1));
questions.push(new Question("Which of the following is not a fundamental programming paradigm?", 
                             "Object Oriented Programming", 
                            ["OOP", "Functional", "Declarative", "Imperative"], 
                            3));
questions.push(new Question("Which of the following is not a type of C++ constructor?", 
                             "Object Oriented Programming", 
                            ["Default constructor", "Copy constructor", "Friend constructor", "Parameterized constructor"], 
                            2));
questions.push(new Question("Which feature of OOP indicates code reusability?", 
                             "Object Oriented Programming", 
                            ["Abstraction", "Polymorphism", "Encapsulation", "Inheritance"], 
                            3));
questions.push(new Question("Which of the following is not a commonly used language for Web Development?", 
                             "Web Development", 
                            ["Ruby", "Javascript", "C", "Python"], 
                            2));
questions.push(new Question("Which of the following is not a component of the TCP/IP protocol suite?", 
                             "Web Development", 
                            ["HTTP", "IP", "TCP", "FTP"], 
                            0));
questions.push(new Question("Which of the following is a type of web development framework for building dynamic web applications?", 
                             "Web Development", 
                            ["React", "Angular", "Vue", "All of the above"], 
                            1));
questions.push(new Question("Which program is used by web clients to view the web pages?", 
                             "Web Development", 
                            ["Web browser", "Protocol", "Web server", "Search engine"], 
                            0));
questions.push(new Question("You accidentally drop a magnet on your friend's device. All of his data has been wiped clean. The storage unit of his device was probably a", 
                             "Computer Hardware", 
                            ["Solid State Drive", "Hard Disk Drive", "Optical Disk Drive", "Flash Drive"], 
                            0));
questions.push(new Question("Which of the following is a type of computer memory that is volatile and used for storing data and program instructions temporarily?", 
                             "Computer Hardware", 
                            ["ROM", "Flash memory", "Cache", "RAM"], 
                            3));
questions.push(new Question("Which of the following is temporary storage used to hold data that is used for arithmetic and logical operations and storing its results?", 
                             "Computer Hardware", 
                            ["ALU", "Program Counter", "Accumulator", "Instruction Register"], 
                            2));
questions.push(new Question("What is the permanent memory built into your computer called?", 
                             "Computer Hardware", 
                            ["RAM", "ROM", "CPU", "CD-ROM"], 
                            1));
questions.push(new Question("Which of the following is NOT a relational database?", 
                             "Databases", 
                            ["MySQL", "MongoDB", "Postgres", "SQLite"], 
                            1));
questions.push(new Question("Which of the following provides the ability to query information from the database and insert tuples into, delete tuples from, and modify tuples in the database?", 
                             "Databases", 
                            ["DML", "DDL", "Query", "Relational Schema"], 
                            0));
questions.push(new Question("Which of the following SQL commands is used for removing a relation from the database?", 
                             "Databases", 
                            ["Delete", "Drop", "Rollback", "Remove"], 
                            1));
questions.push(new Question("Your friend made a machine learning program that can write an abstract for a research paper. They tell you it was trained on thousands of articles, providing it with the research paper and the abstract produced. This is an example of what type of learning?", 
                             "Artificial Intelligence", 
                            ["Supervised", "Unsupervised", "Gaussian", "None of the Above"], 
                            0));
questions.push(new Question("Which of the following is not a type of artificial neural network?", 
                             "Artificial Intelligence", 
                            ["CNN", "RNN", "Multilayer perceptron", "Decision tree"], 
                            3));
questions.push(new Question("Which of the following is a type of neural network that is commonly used for image classification?", 
                             "Artificial Intelligence", 
                            ["CNN", "RNN", "Multilayer perceptron", "DBN"], 
                            0));
questions.push(new Question("Which of the following do we learn using Temporal-Difference learning?", 
                             "Artificial Intelligence", 
                            ["Transition model", "Q-Values", "Values", "Reward model"], 
                            2));
questions.push(new Question("The efficiency of an algorithm is usually measured by what unit", 
                             "Algorithms", 
                            ["Microsenconds", "# of Declarations", "# of Kilobytes", " # of Operations"], 
                            1));
questions.push(new Question("The minimum number of edges required to create a cyclic graph of n vertices is", 
                             "Algorithms", 
                            ["n", "n - 1", "n + 1", "2n"], 
                            0));
questions.push(new Question("What is the maximum number of swaps that can be performed in the Selection Sort algorithm?", 
                             "Algorithms", 
                            ["n - 1", "n", "1", "n - 2"], 
                            0));
questions.push(new Question("Which of the following is a sorting algorithm that has an average case time complexity of O(n log n)?", 
                             "Algorithms", 
                            ["Bubble sort", "Insertion sort", "Quick sort", "Selection sort"], 
                            2));
questions.push(new Question("Suppose the numbers 7, 5, 1, 8, 3, 6, 0, 9, 4, 2 are inserted in that order into an initially empty binary search tree. What is the in-order traversal sequence of the resultant tree?", 
                             "Data structures", 
                            ["7 5 1 0 3 2 4 6 8 9", "0 2 4 3 1 6 5 9 8 7", "0 1 2 3 4 5 6 7 8 9", "9 8 6 4 2 3 0 1 5 7"], 
                            2));
questions.push(new Question("How can we initialize an array in C language?", 
                             "Data structures", 
                            ["int arr[2]=(10, 20);", "int arr(2)={10, 20};", "int arr[2] = {10, 20};", "int arr(2) = (10, 20);"], 
                            2));
// questions.push(new Question("", 
//                             "", 
//                            ["", "", "", ""], 
//                            1));
// questions.push(new Question("", 
//                            "", 
//                           ["", "", "", ""], 
//                           1));
// questions.push(new Question("", 
//                           "", 
//                          ["", "", "", ""], 
//                          1));
// questions.push(new Question("", 
//                          "", 
//                         ["", "", "", ""], 
//                         1));
                            
function shuffleArr(arr){
    return arr.sort((a, b) => 0.5 - Math.random());
}

// when initialized, starts with 5 questions from list
class Quiz{
    constructor(){
        this.questions = shuffleArr(questions).slice(0,5);
        this.currentIndex = 0;
        this.currentQuestion = this.questions[this.currentIndex];
        this.score = 0;
    }
    nextQuestion(){
        this.currentIndex++;
        this.currentQuestion = this.questions[this.currentIndex];
    }
    getTotalScore(){
        return this.score;
    }
    calcScore(quizFrames, maxQuizFrames, barFrames, frameSpeed){
        let timeLeft = quizFrames / frameSpeed;
        let maxTime = maxQuizFrames / frameSpeed;
        let barTime = barFrames / frameSpeed;
        let maxPoints = 1000;
        return Math.round(maxPoints * (timeLeft/maxTime + 2 * barTime/maxTime));
    }
    getCurrentQuestion(){
        return this.currentQuestion;
    }
    getCurrentQuestionNumber(){
        return this.currentIndex + 1;
    }
    isFinished(){
        return this.currentIndex == this.questions.length;
    }
    resetQuestions(){
        for(let i = 0; i < this.questions.length; i++){
            questions[i].resetSelection();
        }
    }
    getQuestionsText(){
        let arr = this.questions.map(question => question.question);
        let output = "";
        for(let i = 0; i < arr.length; i++){
            if(arr[i].length > 70){
                output += `${i + 1}. ${arr[i].slice(0,40)}... \n`;
            }
            else{
                output += `${i + 1}. ${arr[i]}\n`;
            }
        }
        return output;
    }
    getUserSelections(){
        return this.questions.map(function(question){
            if(question.playerSelection == "None"){
                return "No answer chosen.";
            }
            return question.choices[question.playerSelection];
        });
    }
}

class BarTimer{
    /*
    takes in information for a bar timer of px length and px width
    the frames argument is the number of frames it takes for the bar
    to reach the full length of the bar
    e.j maxFrames = 3 vs. maxFrames = 6:
    [X X        ] [X          ] Frame 1
    [X X X X    ] [X X        ] Frame 2
    [X X X X X X] [X X X      ] Frame 3
    */
    constructor(x = 300, y = 300, length = 400, height = 40, maxFrames = 20){
        this.x = x;
        this.y = y;
        this.length = length;
        this.height = height;
        this.maxFrames = maxFrames;
        this.leftFrames = maxFrames;
    }
    setTime(seconds, frameSpeed){
        this.maxFrames = seconds * frameSpeed;
        this.leftFrames = this.maxFrames;
    }
    setCoords(x, y){
        this.x = x;
        this.y = y;
    }
    setSize(length, height){
        this.length = length;
        this.height = height;
    }
    draw(){
        textAlign(LEFT)

        strokeWeight(2);
        stroke("#1E1E1E");
        fill("#ffffff");
        rect(this.x, this.y, this.length, this.height, 10*(this.length/100)**2);

        noStroke();
        fill("#FFA767");
        // draw inner rectange
        var paddingY = 0.25*this.height
        var paddingX = 0.04*this.length
        rect(this.x + paddingX/2, 
            this.y + paddingY/2,
            (this.length - paddingX) * -1 * (Math.cos(Math.PI * (1 - (this.leftFrames/this.maxFrames))) - 1) / 2,
            this.height - paddingY, 
            10*(this.length/100)**2);

        if(this.leftFrames > 0){
            // decrease the frames
            this.leftFrames -= 1;
        }
    }
    drawStatic(){
        textAlign(LEFT)

        strokeWeight(2);
        stroke("#1E1E1E");
        fill("#ffffff");
        rect(this.x, this.y, this.length, this.height, 10*(this.length/100)**2);
    }
    reset(){
        this.leftFrames = this.maxFrames;
    }
    finished(){
        return this.leftFrames == 0;
    }
}