Hola estoy empezando en javascript y html y estoy haciendo un Tic tac toe. Tengo el problema de que cuando trato de que muestre el X o el O en el botón y se desactive no me muestra nada acá el código, comenten errores:
<html>
<head>
<style>
input[type = "button"]{
width: 100px;
height:100px;
color:#349913;
border-color:#12200D;
}
</style>
</head>
<body>
<input type="button" name="boton1" id="boton1" value="" onclick="tateti(this.id);">
<input type="button" name="boton1" id="boton2" value="" onclick="tateti(this.id);">
<input type="button" name="boton1" id="boton3" value="" onclick="tateti(this.id);"><br>
<input type="button" name="boton1" id="boton4" value="" onclick="tateti(this.id);">
<input type="button" name="boton1" id="boton5" value="" onclick="tateti(this.id);">
<input type="button" name="boton1" id="boton6" value="" onclick="tateti(this.id);"><br>
<input type="button" name="boton1" id="boton7" value="" onclick="tateti(this.id);">
<input type="button" name="boton1" id="boton8" value="" onclick="tateti(this.id);">
<input type="button" name="boton1" id="boton9" value="" onclick="tateti(this.id);">
<script>
function tateti(clicked){
var bandera=true;
boton1=document.getElementById(clicked);
}
if(bandera==true){
boton1.value="x";
boton1.disabled=true;
bandera="1";
}
else{
boton1.value="o";
boton1.disabled=true;
bandera=true
}
}
</script>
</body>
</html>
}
de más, ¿es eso a lo que te refieres?