Gissa Partiet

Ett enkelt spel för att gissa vilket parti en given mening kommer ifrån.

by borsna

HTML

<script src="https://github.com/caphun/jquery.shuffle/raw/master/jquery.shuffle.js"></script>
<h3>Gissa Parti!</h3>
<p>Följande mening är slumpad från Svenska partiprogram och valmanifest 1887-2010:</p>
<p id="random">Slumpad mening</p>

<p>Vilket parti kommer denna mening ifrån?</p>

<p>Du har för närvarande <strong id="correct">0</strong> rätt och <strong id="wrong">0</strong> fel</p>

<div id="parties"></div>
<p id="info" />

CSS

#random{
    color:gray;
    padding:5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border:1px solid gray;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
button{width:50%;height:3em;}

#correct, .correct{color:green;}
#wrong, .wrong{color:red;}

strong{font-weight:bold}

JavaScript

//List of parties
var par = {
    "all": "Alliansen",
    "c": "Centerpartiet",
    "rg": "De rödgröna",
    "fi": "Feministiskt initiativ",
    "fp": "Folkpartiet liberalerna",
    "jr": "Jordbrukarnas riksförbund",
    "kd": "Kristdemokraterna",
    "la": "Lantmannapartiet",
    "labp": "Lantmanna- och borgarepartiet",
    "lisp": "Liberala samlingspartiet",
    "mp": "Miljöpartiet de gröna",
    "m": "Moderata samlingspartiet",
    "npf": "Nationella framstegspartiet",
    "nyd": "Ny demokrati",
    "pp": "Piratpartiet",
    "sd": "Sverigedemokraterna",
    "k_h": "Sveriges kommunistiska parti, Höglundarna",
    "k_k": "Sverges kommunistiska parti, Kilbommarna",
    "svp": "Sverges socialdemokratiska vänsterparti",
    "lp": "Sveriges liberala parti",
    "s": "Sveriges socialdemokratiska arbetareparti",
    "v": "Vänsterpartiet"
};

var korp_url = "http://demosb.spraakdata.gu.se/cgi-bin/korp/korp.cgi?callback=?";
var corpus = "VIVILL";
var current = 0;
var current_party = {};
var num_result = 0;
var correct = 0;
var wrong = 0;


function generatePartyButtons() {

    $('.p_button').remove();
    $.each(par, function(key, val) {
        $("#parties").append('<button class="p_button" id="' + key + '">' + val + '</button>');
    });


    $("#parties").shuffle();
    var tmp = $("#" + current_party.text_party);


    var tmp;

    if ($("#" + current_party.text_party).length) {
        tmp = $("#" + current_party.text_party);
    } else {
        tmp = '<button class="p_button" id="' + current_party.text_party + '">' + current_party.text_party + '</button>'
    }

    $("#" + current_party.text_party).remove();

    $('.p_button:gt(2)').remove();

    //$('.p_button').remove();
    $("#parties").append(tmp);
    $("#parties").shuffle();

    //Click-event for guess
    $('.p_button').click(function(event) {
        event.preventDefault();
        guessParty($(this).attr('id'));
    });
}

//Load first sentence
loadSentence(1);

function loadSentence(num) {
   ...