Js

/*jslint browser: true, devel: true, eqeq: true, plusplus: true, sloppy: true, vars: true, white: true*/

/*eslint-env browser*/

/*eslint 'no-console':0*/

document.getElementsByClassName('game').onclick = function () {
    game();
};

var scoreMe = 0;
var scoreComp = 0;
var keuzeMe;
var keuzeComp;
var keuzeArray = ["steen", "papier", "schaar"];

function game(keuzeMe) {
        document.querySelector('#steenme').style.backgroundColor = 'darkblue';
        document.querySelector('#papierme').style.backgroundColor = 'darkblue';
        document.querySelector('#schaarme').style.backgroundColor = 'darkblue';
    }

    var keuzeComp = Math.random();
    if (keuzeComp < 0.34) {
        keuzeComp = keuzeArray[0];
    } else if (keuzeComp <= 0.67) {
        keuzeComp = keuzeArray[1];
    } else {
        keuzeComp = keuzeArray[2];
    }

    if (keuzeComp === "steen") {
        document.querySelector('#steencomp').style.backgroundColor = 'darkred';
    }
    if (keuzeComp === "papier") {
        document.querySelector('#papiercomp').style.backgroundColor = 'darkred';
    }
    if (keuzeComp === "schaar") {
        document.querySelector('#schaarcomp').style.backgroundColor = 'darkred';
    }

    if (keuzeMe === "steen") {
        document.querySelector('#steenme').style.backgroundColor = 'royalblue';
    }
    if (keuzeMe === "papier") {
        document.querySelector('#papierme').style.backgroundColor = 'royalblue';
    }
    if (keuzeMe === "schaar") {
        document.querySelector('#schaarme').style.backgroundColor = 'royalblue';
    }

    if (keuzeMe === keuzeComp) {
        document.querySelector('h1').textContent = ("Het is een gelijkspel!");
    }
    if (keuzeMe === 'steen') {
        if (keuzeComp === 'schaar') {
            document.querySelector('h1').textContent = ("Jij wint!");
            scoreMe++;
        }
    }
    if (keuzeMe === 'steen') {
        if (keuzeComp === 'papier') {
            document.querySelector('h1').textContent = ("Computer wint!");
            scoreComp++;
        }
    }
    if (keuzeMe === 'papier') {
        if (keuzeComp === 'steen') {
            document.querySelector('h1').textContent = ("Jij wint!");
            scoreMe++;
        }
    }
    if (keuzeMe === 'papier') {
        if (keuzeComp === 'schaar') {
            document.querySelector('h1').textContent = ("Computer wint!");
            scoreComp++;
        }
    }
    if (keuzeMe === 'schaar') {
        if (keuzeComp === 'papier') {
            document.querySelector('h1').textContent = ("Jij wint!");
            scoreMe++;
        }
    }
    if (keuzeMe === 'schaar') {
        if (keuzeComp === 'steen') {
            document.querySelector('h1').textContent = ("Computer wint!");
            scoreComp++;
        }
    }

    while (scoreMe === 5 || scoreComp === 5) {
        document.querySelector('#alles').hidden = true;
        return;
    }

    console.log("okkk");

    console.log(scoreMe);
    console.log(scoreComp);
    console.log("Jij doet " + keuzeMe);
    console.log("De computer doet " + keuzeComp);


}





////console.log(winnenOfVerliezen(keuzeMe, keuzeComp));
//console.log(game(keuzeMe,keuzeComp));