script.js

var categories = ['Sports', 'Programming', 'Quick Maths', 'Music', 'Disney/Pixar'];
var questions = [
    [ // Sports
        'This team won the 2018 World Series.', // Who are the Boston Red Sox?
        'This NBA Player and Coach has 11 NBA Titles, the most ever.', // Who is Bill Russell?
        'This team just won the Champions League Final.', // Who is Liverpool?
        'The Masters, "A Tradition Unlike Any Other," is played at this golf course.', // What is Augusta National?
        'This football (soccer) award given to The Best FIFA Men\'s Player is French for "Golden Ball."' // What is the Ballon d'Or?
    ],
    [ // Programming
        'This is a list of steps to accomplish a task.', // What is an algorithm?
        'This command will allow you to change Tracy\'s position to any x and y coordinate.', // What is setposition?
        'The size of Tracy\'s Grid World.', // What is 400px by 400px?
        'These are the 4 naming guideline.', // What is specific, has no capital letters, has underscores instead of spaces, and does not start with a number?
        'This man invented Python.' // Who is Guido van Rossum?
    ],
    [ // Quick Maths
        '13x9', // What is 117?
        'This shape has 8 sides.', // What is an octagon?
        'The interior angle of a hexagon.', // What is 120 degrees?
        'These are the first 5 prime numbers.', // What are 2, 3, 5, 7, 11?
        '2 to the 8th power' // What is 256?
    ],
    [ // Music
        'This artist played Sicko Mode at the Super Bowl.', // Who is Travis Scott?
        'Lil Nas X got his Cowboy Hat from this fashion store.', // What is Gucci?
        'This is Weezy F. Baby\'s last name.', // What is Carter?
        'You must sell this many albums to go platinum.', // What is 1 million albums?
        'This is the highest paid artist of 2018 making $118 million.' // Who is U2?
    ],
    [ // Disney/Pixar
        'Even miracles take a little time.', // Who is the Fairy Godmother from Cinderella?
        'Ohana means family. Family means no one gets left behind.', // Who is Lilo from Lilo and Stitch?
        'You\'re braver than you believe, and stronger than you seem, and smarter than you think.', // Who is Winnie the Pooh?
        'The problem is not the problem. The problem is your attitude about the problem.', // Who is Jack Sparrow from Pirates of the Caribbean?
        'You control your destiny -- you don\'t need magic to do it. And there are no magical shortcuts to solving your problems.' // Who is Merida from Brave?
    ]
];
var teams = [
    ['Team 1', 0],
    ['Team 2', 0],
    ['Team 3', 0]
];
var currentTeam = 0;

function setupBoard() {
    for (var i = 0; i < categories.length; i++) {
        var col = document.createElement('div');
        col.className = 'col-sm text-center';
        var card = document.createElement('div');
        card.className = 'card';

        var cardHeader = document.createElement('div');
        cardHeader.className = 'card-header';
        var header = document.createElement('h2');
        var headerText = document.createTextNode(categories[i]);
        header.appendChild(headerText);

        var list = document.createElement('ul');
        list.className = 'list-group list-group-flush';
        for (var j = 0; j < questions[i].length; j++) {
            var link = document.createElement('a');
            link.setAttribute('href', '');
            link.setAttribute('data-toggle','modal');
            link.setAttribute('data-target', '#questionModal');
            link.setAttribute('data-category', i.toString())
            link.setAttribute('data-money', ((j+1)*100).toString());
            link.setAttribute('data-questionid', j.toString());
            var listItem = document.createElement('li');
            listItem.className = 'list-group-item';
            var amount = document.createTextNode('$' + (j+1)*100);
            listItem.appendChild(amount);
            
            list.append(link);
            link.append(listItem);
        }

        $('#gameBoard').append(col);
        col.append(card);
        card.append(cardHeader);
        cardHeader.append(header);
        card.append(list);
    }
}

function incrementTeam() {
    console.log(teams.length)
    if (currentTeam < teams.length-1) {
        currentTeam++;
    } else {
        currentTeam = 0;
    }
}

function whosTurnIsIt() {
    $('#teamTurn').text(teams[currentTeam][0] + ' is up');
}

function setScoreboard() {
    $('#scoreboard').empty();
    teams.forEach(function(team) {
        var s = '<p>' + team[0] + ': $' + team[1] + '</p>';
        $('#scoreboard').append(s);
    });
}

function nextQuestion() {
    incrementTeam();
    console.log("Current Team " + currentTeam);
    $('#questionModal').modal('hide');
    whosTurnIsIt();
    setScoreboard();
}

$(document).ready(function() {
    var category = '';
    var money = '';
    var questionid = '';

    setupBoard();
    whosTurnIsIt();
    setScoreboard();

    $('a').click(function() {
        $(this).addClass('isDisabled');
        $(this).children().addClass('disabled');
    });

    $('#questionModal').on('shown.bs.modal', function(event) {
        var link = $(event.relatedTarget);
        category = link.data('category');
        money = link.data('money');
        questionid = link.data('questionid');
    
        var modal = $(this);
        modal.find('.modal-title').text(categories[category] + ' for $' + money);
        modal.find('.modal-body p').text(questions[category][questionid]);
    });

    $('#correct').click(function() {
        teams[currentTeam][1] += parseInt(money);
        nextQuestion();
    });

    $('#incorrect').click(function() {
        teams[currentTeam][1] -= parseInt(money);
        nextQuestion();
    });
});