diff --git a/tic_tac_yo/index.html b/tic_tac_yo/index.html
new file mode 100644
index 0000000..f21dfc7
--- /dev/null
+++ b/tic_tac_yo/index.html
@@ -0,0 +1,50 @@
+
+
+
+
+ Tic Tac Toe
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tic_tac_yo/script.js b/tic_tac_yo/script.js
new file mode 100644
index 0000000..3bba934
--- /dev/null
+++ b/tic_tac_yo/script.js
@@ -0,0 +1,191 @@
+// alert("test");
+var deep = "O";
+
+
+//setzt Buttons zurück
+function bansal() {
+ var b1 = document.getElementById("1");
+ var b2 = document.getElementById("2");
+ var b3 = document.getElementById("3");
+ var b4 = document.getElementById("4");
+ var b5 = document.getElementById("5");
+ var b6 = document.getElementById("6");
+ var b7 = document.getElementById("7");
+ var b8 = document.getElementById("8");
+ var b9 = document.getElementById("9");
+
+ b1.value="";
+ b2.value="";
+ b3.value="";
+ b4.value="";
+ b5.value="";
+ b6.value="";
+ b7.value="";
+ b8.value="";
+ b9.value="";
+ b1.disabled=false;
+ b2.disabled=false;
+ b3.disabled=false;
+ b4.disabled=false;
+ b5.disabled=false;
+ b6.disabled=false;
+ b7.disabled=false;
+ b8.disabled=false;
+ b9.disabled=false;
+
+ document.getElementById("popup").style.visibility = "hidden";
+ document.getElementById("overlay").style.visibility = "hidden";
+}
+
+function buttonsdeaktivieren() {
+ var b1 = document.getElementById("1");
+ var b2 = document.getElementById("2");
+ var b3 = document.getElementById("3");
+ var b4 = document.getElementById("4");
+ var b5 = document.getElementById("5");
+ var b6 = document.getElementById("6");
+ var b7 = document.getElementById("7");
+ var b8 = document.getElementById("8");
+ var b9 = document.getElementById("9");
+
+ b1.disabled = true;
+ b2.disabled = true;
+ b3.disabled = true;
+ b4.disabled = true;
+ b5.disabled = true;
+ b6.disabled = true;
+ b7.disabled = true;
+ b8.disabled = true;
+ b9.disabled = true;
+}
+
+function popupzeigen(gewinner) {
+ //deaktiviert alle Buttons
+ buttonsdeaktivieren();
+
+ //ersetzt Text
+ popuptext = document.getElementById("text");
+ popuptext.innerHTML = gewinner + " wins.";
+
+ //macht Popup sichtbar
+ var pop = document.getElementById("popup");
+ var overlay = document.getElementById("overlay");
+ pop.style.visibility = "visible";
+ overlay.style.visibility ="visible"
+}
+
+//prüft, ob Spiel zu Ende ist
+function endepruefen() {
+ //Zustand der Buttons wird ausgelesen
+ var b1 = document.getElementById("1").value;
+ var b2 = document.getElementById("2").value;
+ var b3 = document.getElementById("3").value;
+ var b4 = document.getElementById("4").value;
+ var b5 = document.getElementById("5").value;
+ var b6 = document.getElementById("6").value;
+ var b7 = document.getElementById("7").value;
+ var b8 = document.getElementById("8").value;
+ var b9 = document.getElementById("9").value;
+
+ //obere Reihe
+ if (((b1=="X") || (b1=="O")) && ((b1 == b2) && (b2 == b3))) {
+ popupzeigen(b1);
+ }
+ //linke Spalte
+ else if (((b1=="X") || (b1=="O")) && ((b1 == b4) && (b4 == b7))){
+ popupzeigen(b1);
+ }
+ //untere Reihe
+ else if (((b9=="X") || (b9=="O")) && ((b9 == b8) && (b8 == b7))){
+ popupzeigen(b9);
+ }
+ //rechte Spalte
+ else if (((b9=="X") || (b9=="O")) && ((b9 == b6) && (b6 == b3))){
+ popupzeigen(b9);
+ }
+ //mittlere Reihe
+ else if (((b4=="X") || (b4=="O")) && ((b4 == b5) && (b5 == b6))){
+ popupzeigen(b4);
+ }
+ //mittlere Spalte
+ else if (((b2=="X") || (b2=="O")) && ((b2 == b5) && (b5 == b8))){
+ popupzeigen(b2);
+ }
+ //1-9 Diagonale
+ else if (((b1=="X") || (b1=="O")) && ((b1 == b5) && (b5== b9))){
+ popupzeigen(b1);
+ }
+ //7-3 Diagonale
+ else if (((b7=="X") || (b7=="O")) && ((b7 == b5) && (b5 == b3))){
+ popupzeigen(b7);
+ }
+ //unentschieden
+// else {
+// alert("Unetschieden");
+// }
+ }
+
+
+
+
+//X oder Y einsetzen
+function setzen(x, deep) {
+ if (x==1) {
+ var button = document.getElementById("1");
+ button.value = deep;
+ button.disabled=true;
+ }
+ else if (x==2) {
+ var button = document.getElementById("2");
+ button.value = deep;
+ button.disabled=true;
+ }
+ else if (x==3) {
+ var button = document.getElementById("3");
+ button.value = deep;
+ button.disabled=true;
+ }
+ else if (x==4) {
+ var button = document.getElementById("4");
+ button.value = deep;
+ button.disabled=true;
+ }
+ else if (x==5) {
+ var button = document.getElementById("5");
+ button.value = deep;
+ button.disabled=true;
+ }
+ else if (x==6) {
+ var button = document.getElementById("6");
+ button.value = deep;
+ button.disabled=true;
+ }
+ else if (x==7) {
+ var button = document.getElementById("7");
+ button.value = deep;
+ button.disabled=true;
+ }
+ else if (x==8) {
+ var button = document.getElementById("8");
+ button.value = deep;
+ button.disabled=true;
+ }
+ else if (x==9) {
+ var button = document.getElementById("9");
+ button.value = deep;
+ button.disabled=true;
+ }
+ endepruefen();
+ }
+
+//welches deep?
+function xoo(button) {
+ if (deep=="X") {
+ deep="O";
+ setzen(button, deep);
+ }
+ else if (deep=="O") {
+ deep="X";
+ setzen(button, deep);
+ }
+ }
\ No newline at end of file
diff --git a/tic_tac_yo/style.css b/tic_tac_yo/style.css
new file mode 100644
index 0000000..4cf8c6c
--- /dev/null
+++ b/tic_tac_yo/style.css
@@ -0,0 +1,74 @@
+body {
+ font-family:sans-serif;
+}
+header {
+ position:fixed;
+ left:0px;
+ top:0px;
+ width:100%;
+ height:60px;
+ padding:5px;
+ background-color:#00aaaa;
+ box-shadow:0px 5px 5px rgba(0,0,0,0.3);
+ z-index:6;
+}
+h1 {
+ font-weight:300;
+ color:#FFFFFF;
+}
+
+table {
+ background-color:#00aaaa;
+ width:100%;
+}
+td {
+ width:33.3333%;
+ height:33.3333%;
+}
+input {
+ width:100%;
+ height:100%;
+ font-size:90px;
+ border:0px;
+ background-color:#00bbbb;
+ color:#FFFFFF;
+ transition-duration:0.3s;
+}
+input:hover {
+ background-color:#00aaaa;
+}
+button {
+ padding:5px;
+ background-color:#00bbbb;
+ border:0px;
+ color:#FFFFFF;
+ font-size:100%;
+}
+button:hover {
+ background-color:#00aaaa;
+}
+#popup {
+ z-index:5;
+ position:fixed;
+ left:25%;
+ top:40%;
+ width:50%;
+ padding:5px;
+ visibility:hidden;
+ background-color:#FFFFFF;
+ color:#555555;
+ box-shadow:5px 5px 5px rgba(0,0,0,0.3);
+}
+#popupbutton {
+ width:100%;
+ }
+#overlay {
+ position:fixed;
+ top:0px;
+ left:0px;
+ width:100%;
+ height:100%;
+ background-color:#000000;
+ opacity:0.5;
+ visibility:hidden;
+}