Estou aprendendo JavaScript e quero fazer um jogo da velha para treinar.O jogo não está funcionando e creio que possa ser um erro de lógica.
function verificar(elemento) {
var teste = document.getElementById(elemento).innerHTML;
if (teste == "") {
teste = "X";
} else {
teste = "Y";
}
}
.container {
max-width: 130px;
}
.tab {
float: left;
height: 30px;
width: 30px;
border: solid green 2px;
}
<div class="container">
<div class="tab" id="q1" onlick="verificar(this.id);"></div>
<div class="tab" id="q2" onlick="verificar(this.id);"></div>
<div class="tab" id="q3" onlick="verificar(this.id);"></div>
<div class="tab" id="q4" onlick="verificar(this.id);"></div>
<div class="tab" id="q5" onlick="verificar(this.id);"></div>
<div class="tab" id="q6" onlick="verificar(this.id);"></div>
<div class="tab" id="q7" onlick="verificar(this.id);"></div>
<div class="tab" id="q8" onlick="verificar(this.id);"></div>
<div class="tab" id="q9" onlick="verificar(this.id);"></div>
</div>
onclick
, nãoonlick
(ninguém quer lamber ninguém aqui, quer?), faltou umc
em todos os seus elementos. Segundo, erro de lógica, você atribui X/Y parateste
que é uma variável local na função, mas isso não vai alterar o seu elemento. Você precisa fazer algo comodocument.getElementById...innerHTML = teste