Hvilken vært er du?

by Kenneth Luplau-Brøgger

HTML

<div id="questions"></div>

<div id="stats">
    <div id="youAre">
        <h1></h1>
        <p></p>
    </div>
    
    <div id="host-1">
        <h1>Mai-britt</h1>
        <div>0%</div>
    </div>
    <div id="host-2">
        <h1>John</h1>
        <div>0%</div>
    </div>
    <div id="host-3">
        <h1>Per</h1>
        <div>0%</div>
    </div>
    <div id="host-4">
        <h1>Vibeke</h1>
        <div>0%</div>
    </div>
</div>

CSS

#questions > div + div {
    display: none;
}

#stats {
    display: none;
}

JavaScript

var app = function() {
    var hosts = {
        "1": {
            name: "Mai-Britt",
            text: "Du er den pæne pige i klassen, men du har dine meninger og er ikke bange for at sige dem.",
            picture: "mai-britt.jpg"
        },
        "2": {
            name: "John",
            text: "Du er den pæne pige i klassen, men du har dine meninger og er ikke bange for at sige dem.",
            picture: "mai-britt.jpg"
        },
        "3": {
            name: "Per",
            text: "Du er den pæne pige i klassen, men du har dine meninger og er ikke bange for at sige dem.",
            picture: "mai-britt.jpg"
        },
        "4": {
            name: "Vibeke",
            text: "Du er den pæne pige i klassen, men du har dine meninger og er ikke bange for at sige dem.",
            picture: "mai-britt.jpg"
        },
        "5": {
            name: "Ole",
            text: "Du er den pæne pige i klassen, men du har dine meninger og er ikke bange for at sige dem.",
            picture: "mai-britt.jpg"
        }
    }
    
    var answers = [];
    
    var askQuestionCount = 5;
    
    var questions = [
        {
            question: "1",
            answers: [
                {
                    host: 1,
                    text: "Diller duller, daller"
                },
                {
                    host: 2,
                    text: "flingo, dingo"
                },
                {
                    host: 3,
                    text: "fasfasfas fas"
                },
                {
                    host: 4,
                    text: "qrrq t42t13"
                },
                {
                    host: 5,
                    text: "qrrq t42t13"
                }
            ]
        },
        {
            question: "2",
            answers: [
                {
                    host: 1,
                    text: "Jeg ville"
                },
                {
                    host: 2,
                  ...