var btn = "";
var symbol = "X";
var click_count = 0;
var player1 = "";
var player2 = "";
var counter1 = 1;
var counter2 = 1;

// Draw Sprüche zufällig auswählen
var draw1 = "Wer mit einem starken Gedanken spielt, kann oft schon mit einem 'unentschieden' sehr zufrieden sein."
var draw2 = "Auch ein 'unentschieden' ist ein Sieg, weil man nicht verloren hat."
var draw3 = "Einigen wir uns auf ein 'unentschieden'."
var array_draw = [draw1, draw2, draw3]
var item = array_draw[Math.floor(Math.random()*array_draw.length)]

// Buttons IDs - Variablen zuweisen
var btn0 = document.getElementById("1");
var btn1 = document.getElementById("2");
var btn2 = document.getElementById("3");
var btn3 = document.getElementById("4");
var btn4 = document.getElementById("5");
var btn5 = document.getElementById("6");
var btn6 = document.getElementById("7");
var btn7 = document.getElementById("8");
var btn8 = document.getElementById("9");
var player1 = document.getElementById("player1")
var player2 = document.getElementById("player2")

// Buttons abwechselnd x und o als Wert zuweisen
function button(btn) {
    click_count++;
    if (btn.value == " ") {
        btn.value = symbol;
        if (symbol == "X") {
            symbol = "O";
        } else {
           symbol = "X";
        }
        checkForWin()
    }
}

// Buttons clearen
function clearBtn() {
    btn0.value = " ";
    btn1.value = " ";
    btn2.value = " ";
    btn3.value = " ";
    btn4.value = " ";
    btn5.value = " ";
    btn6.value = " ";
    btn7.value = " ";
    btn8.value = " ";
    click_count = 0;
}

// winning condition for x
function checkForWin(){
    var win = false;
    var draw = false;

if (btn0.value == symbol && btn1.value == symbol && btn2.value == symbol){
alert (symbol + " has won the game")
win = true;
}

else if (btn3.value == symbol && btn4.value == symbol && btn5.value == symbol){
alert (symbol + " has won the game")
win = true;
}

else if (btn6.value == symbol && btn7.value == symbol && btn8.value == symbol){
alert (symbol + " has won the game")
win = true;
}

else if (btn0.value == symbol && btn3.value == symbol && btn6.value == symbol){
alert (symbol + " has won the game")
win = true;
}

else if (btn1.value == symbol && btn4.value == symbol && btn7.value == symbol){
alert (symbol + " has won the game")
win = true;
}

else if (btn2.value == symbol && btn5.value == symbol && btn8.value == symbol){
alert (symbol + " has won the game")
win = true;
}

else if (btn0.value == symbol && btn4.value == symbol && btn8.value == symbol){
alert (symbol + " has won the game")
win = true;
}

else if (btn2.value == symbol && btn4.value == symbol && btn6.value == symbol){
alert (symbol + " has won the game")
win = true;
}

// Wenn alle Felder geclickt wurden, dann alert item

else if (click_count == 9) {
    alert(item)
    draw = true;
}

if (win == true && symbol == "X") {
    player1.value = counter1++
}
else if (win == true && symbol =="O") {
    player2.value = counter2++
}

// automatisch clearen

if(win==true||draw==true){
	clearBtn();
	}
}