From 6116009df3bb5a794ccf1977dee0c9121a99b21b Mon Sep 17 00:00:00 2001
From: nicodev77 <62359691+nicodev77@users.noreply.github.com>
Date: Tue, 1 Sep 2020 18:55:07 -0400
Subject: [PATCH]  primer commit

---
 3enraya.html | 191 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 191 insertions(+)
 create mode 100644 3enraya.html
diff --git a/3enraya.html b/3enraya.html
new file mode 100644
index 0000000..f61be3e
--- /dev/null
+++ b/3enraya.html
@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html>
+<head>
+	
+	<title>  Ta-Te-Ti  </title>
+	<style type ="text/css">
+		section#principal{
+			display :run-in;
+			margin : 1 auto;
+			text-align: center;
+			width: 100%;
+		}
+		article#comandos{
+			border: 10px solid red;
+			display:  run-in ;
+			min-height: 300px;
+			vertical-align: top;
+			width: 25%;
+		}
+		article#tablero{
+			border : 10px solid blue;
+			display :block-inline;
+			margin: 0 auto;
+			text-align: center;
+			width: 50%;
+		}
+		article#tablero input {
+
+			font-size:3em;
+			height: 80px;
+			margin: 10px;
+			width: 80px;
+
+		}
+		input[type="button"]#iniciar{
+			font-size:0.8em;
+			margin-top: 2em;
+			padding: 0.7em;
+		}
+		input[type="text"]{
+			font-size: 1em;
+			margin: 0.2em;
+			padding: 0.1em;
+
+		}
+		label{
+			font-size:1em;
+			font-weight: bold;
+			text-align: center;
+		}
+		.botonInicial{
+			color:#77d;
+			background-color: #77d;
+		}
+		.botonJugador1{
+			color: red;
+			background-color: #0000FF;
+		}
+
+		.botonJugador2{
+			color: blue;
+			background-color: #FF0000;
+		}
+	</style>
+	<script type ="text/javascript">
+		let flag = false; //indica si el juego inicia
+		let turno=0; //turno del juegador entre 1 y 2
+		let tab = new Array();  //arreglo de los botones
+		window.onload = function(){
+			let iniciar = document.getElementById("iniciar");
+			iniciar.addEventListener("click",comenzar);
+
+		}
+		function comenzar(){
+			flag = true;
+			let jugador1 = document.getElementById("jugador1");
+			let jugador2 = document.getElementById("jugador2");
+			if(jugador1.value==""){
+				alert("Falta el nombre del Jugador 1");
+				jugador1.focus();
+			}else{
+				if(jugador2.value==""){
+				alert("Falta el nombre del Jugador 2");
+				jugador2.focus();	
+				}else{
+					tab[0] = document.getElementById("b0");
+					tab[1] = document.getElementById("b1");
+					tab[2] = document.getElementById("b2");
+					tab[3] = document.getElementById("b3");
+					tab[4] = document.getElementById("b4");
+					tab[5] = document.getElementById("b5");
+					tab[6] = document.getElementById("b6");
+					tab[7] = document.getElementById("b7");
+					tab[8] = document.getElementById("b8");
+					for(let i = 0; i<9;i++){
+						tab[i].className = "botonInicial";
+						tab[i].value = "I";
+					}
+					turno = 1;
+					document.getElementById("turnoJugador").innerHTML = 
+					"Adelante Jugador " + jugador1.value;
+				}
+			}
+		}
+		function colocar(boton){
+			if(flag==true){
+				if(turno==1 && boton.value=="I"){
+					turno = 2;
+					document.getElementById("turnoJugador").innerHTML =
+					"Adelante Jugador " + jugador2.value;
+					boton.value = "X";
+					boton.className = "botonJugador1";
+				}else{
+					if(turno==2 && boton.value == "I"){
+						turno = 1;
+					document.getElementById("turnoJugador").innerHTML =
+					"Adelante Jugador " + jugador1.value;
+					boton.value = "O";
+					boton.className = "botonJugador2";
+					}
+				}
+			}
+			validar();
+		}
+		function validar(){ //validacion para saber cual jugador gano
+			if((tab[0].value =="X" && tab[1].value=="X" && tab[2].value=="X")
+				//horizontales
+				||(tab[3].value =="X" && tab[4].value=="X" && tab[5].value=="X")
+				||(tab[6].value =="X" && tab[7].value=="X" && tab[8].value=="X")
+				//verticales
+				||(tab[0].value =="X" && tab[3].value=="X" && tab[6].value=="X")
+				||(tab[1].value =="X" && tab[4].value=="X" && tab[7].value=="X")
+				||(tab[2].value =="X" && tab[5].value=="X" && tab[8].value=="X")
+				||(tab[0].value =="X" && tab[4].value=="X" && tab[8].value=="X")
+				||(tab[2].value =="X" && tab[4].value=="X" && tab[6].value=="X")
+				){
+				alert("Felicidades ganaste Jugador "+ jugador1.value);
+				flag=false;
+			}
+			if((tab[0].value =="O" && tab[1].value=="O" && tab[2].value=="O")
+					//horizontales	
+					||(tab[3].value =="O" && tab[4].value=="O" && tab[5].value=="O")
+					||(tab[6].value =="O" && tab[7].value=="O" && tab[8].value=="O")
+					//verticales
+					||(tab[0].value =="O" && tab[3].value=="O" && tab[6].value=="O")
+					||(tab[1].value =="O" && tab[4].value=="O" && tab[7].value=="O")
+					||(tab[2].value =="O" && tab[5].value=="O" && tab[8].value=="O")
+					//diagonales
+					||(tab[0].value =="O" && tab[4].value=="O" && tab[8].value=="O")
+					||(tab[2].value =="O" && tab[4].value=="O" && tab[6].value=="O")
+			){
+		alert("Felicidades ganaste Jugador "+ jugador2.value);
+		flag=false;	
+		}
+	}
+	</script>
+</head>
+<body>
+
+	<section id = "principal">
+		Bienvenidos al Tateti de Eduardo Nicolas Chamorro del Bootcamp VII de ROSHKA
+		<article id = "comandos">
+			
+
+
+			Jugador 1:
+			<input type = "text" id="jugador1"><br>
+			Jugador 2:
+			<input type = "text" id="jugador2"><br>
+			<input type ="button" id="iniciar" value ="comenzar"><br>
+			<label id="turnoJugador"></label>
+		</article>
+		<article id = "tablero">
+			<input type ="button" id="b0" onclick="colocar(this)">
+			<input type ="button" id="b1" onclick="colocar(this)">
+			<input type ="button" id="b2" onclick="colocar(this)"><br>
+
+
+			<input type ="button" id="b3" onclick="colocar(this)">
+			<input type ="button" id="b4" onclick="colocar(this)">
+			<input type ="button" id="b5" onclick="colocar(this)"><br>
+
+
+
+			<input type ="button" id="b6" onclick="colocar(this)">
+			<input type ="button" id="b7" onclick="colocar(this)">
+			<input type ="button" id="b8" onclick="colocar(this)"><br>
+		</article>
+
+</body>
+</html>
--
libgit2 0.26.0

