Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/quiz.css" />
    <script type="text/javascript" src="js/quiz.js"></script>
</head>
<body>
    <div id="divid">Next</div>
    <!--<script src="js/quiz.js"></script>-->
</body>
</html>
 
div {
    height: 100px;
    width: 200px;
    border: 5px solid green;
    color: green;
    background-color: black;
    box-shadow: 5px #888;
}
 
(function(){
    var body = document.getElementsByTagName("body")[0];
    function Question(question, choices, correctAns) {
        this.question = question;
        this.choices = choices;
        this.correctAns = correctAns;
    }
    Question.prototype.checkAns = function(givenAns){
        if (this.correctAns === givenAns) {
            console.log("OK");
        }
    };
    function Quiz() {
        this.questions = [];
    }
    Quiz.prototype.showAllQuestions = function(){
        this.questions.forEach(function(questions){
            console.log(questions.question);
        });
    };
    Quiz.prototype.showQuiz = function(){
        this.questions.forEach(function(questions){
            for (var i=0; i < questions.choices.length; i+=1) {
                body.innerHTML("OK");
            }
        });
    };
    var q1 = new Question("What is red?", ["Color", "Animal", "Building"], 1);
    var q2 = new Question("Which music is most popular?", ["Latin", "Pop", "Rock"], 2);
    var quiz = new Quiz();
    quiz.questions.push(q1);
    quiz.questions.push(q2);
    quiz.showAllQuestions();
})();
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers