Dúvida com código
<html>
<head>
<style>
.Tabuleiro{
width:606px;
height:606px;
left:400px;
position:absolute;
background-color:blue;
}
.Casa{
width:200px;
height:200px;
background-color:white;
position:relative;
margin:1px;
float:left;
}
</style>
<script>
var jog=[];
var peca;
var a =[];
var xo = []; // vetor que armazena as jogadas
function iniciar(){
var placarx, placaro, empate, velha;
a = Math.floor(Math.random()*2)+1;
if(a == 1){
peca = 'x';
}else{
peca = 'o';
}
// definirá quem inicia o jogo, caso 1 pc, caso2 usuário
quemjoga = Math.floor(Math.random()*2)+1;
}// fim da função iniciar
if (jog['casa1'] == peca && jog['casa2'] == peca && jog['casa3'] == peca){
alert('Jogador ' +peca+' ganhou')
}
if (jog['casa4'] == peca && jog['casa5'] == peca && jog['casa6'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa7'] == peca && jog['casa8'] == peca && jog['casa9'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa1'] == peca && jog['casa5'] == peca && jog['casa9'] == peca){
alert('Jogador '+peca+' anhou')
}
if (jog['casa3'] == peca && jog['casa5'] == peca && jog['casa7'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa1'] == peca && jog['casa4'] == peca && jog['casa7'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa2'] == peca && jog['casa5'] == peca && jog['casa8'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa3'] == peca && jog['casa6'] == peca && jog['casa9'] == peca) {
alert('Jogador '+peca+' ganhou')
}
function jogada(click){
jog[click] = peca;
document.getElementById(click).src = "img/"+peca+".jpg";
igual(peca);
if(peca == 'x'){
peca = "o";
}else{
peca= 'x';
}
}
function computer(){
jogadapc = 0;// controle para saber quando o pc jogadapc
while(jogadapc == 0){ // pc jogará até encontrar posicao vazia
pc = Math.floor(Math.random()*9)+1;
switch (pc){
case 1:
if(xo['casa1'] == ''){
xo['casa1'] = peca;
document.getElementById('casa1').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 2:
if(xo['casa2'] == ''){
xo['casa2'] = peca;
document.getElementById('casa2').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 3:
if(xo['casa3'] == ''){
xo['casa3'] = peca;
document.getElementById('casa3').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 4:
if(xo['casa4'] == ''){
xo['casa4'] = peca;
document.getElementById('casa4').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 5:
if(xo['casa5'] == ''){
xo['casa5'] = peca;
document.getElementById('casa5').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 6:
if(xo['casa6'] == ''){
xo['casa6'] = peca;
document.getElementById('casa6').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 7:
if(xo['casa7'] == ''){
xo['casa7'] = peca;
document.getElementById('casa7').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 8:
if(xo['casa8'] == ''){
xo['casa8'] = peca;
document.getElementById('casa2').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 9:
if(xo['casa9'] == ''){
xo['casa9'] = peca;
document.getElementById('casa9').src = peca+'.jpg';
jogadapc = 1;
}
break;
}
}
vencedor();
}// fim da função computador
function jogada(casa){
if(xo[casa] == ''){
xo[casa] = peca;
document.getElementById(casa).src = peca+'.jpg';
vencedor();
if(peca == 'x'){
peca = 'o'
}else{
peca = 'x'
}
computador();
}else{
alert('Posição já ocupada');
}
}
function reset(){
while(xo.length > 0){// verificamos o tamanho do vetor.
xo.pop();
}
}
</script>
</head>
<body onload="iniciar()">
<div class="Tabuleiro">
<div class="Casa" onclick="jogada('casa1')">
<img src="img/branco.jpg" width="200" height="200" id="casa1">
</div>
<div class="Casa" onclick="jogada('casa2')">
<img src="img/branco.jpg" width="200" height="200" id="casa2">
</div>
<div class="Casa" onclick="jogada('casa3')">
<img src="img/branco.jpg" width="200" height="200" id="casa3">
</div>
<div class="Casa" onclick="jogada('casa4')">
<img src="img/branco.jpg" width="200" height="200" id="casa4">
</div>
<div class="Casa" onclick="jogada('casa5')">
<img src="img/branco.jpg" width="200" height="200" id="casa5">
</div>
<div class="Casa" onclick="jogada('casa6')">
<img src="img/branco.jpg" width="200" height="200" id="casa6">
</div>
<div class="Casa" onclick="jogada('casa7')">
<img src="img/branco.jpg" width="200" height="200" id="casa7">
</div>
<div class="Casa" onclick="jogada('casa8')">
<img src="img/branco.jpg" width="200" height="200" id="casa8">
</div>
<div class="Casa" onclick="jogada('casa9')">
<img src="img/branco.jpg" width="200" height="200" id="casa9">
</div>
</div>
</body>
</html>
Alguém consegue me ajudar a arrumar meu codigo, para que ele funcione ?
<html>
<head>
<style>
.Tabuleiro{
width:606px;
height:606px;
left:400px;
position:absolute;
background-color:blue;
}
.Casa{
width:200px;
height:200px;
background-color:white;
position:relative;
margin:1px;
float:left;
}
</style>
<script>
var jog=[];
var peca;
var a =[];
var xo = []; // vetor que armazena as jogadas
function iniciar(){
var placarx, placaro, empate, velha;
a = Math.floor(Math.random()*2)+1;
if(a == 1){
peca = 'x';
}else{
peca = 'o';
}
// definirá quem inicia o jogo, caso 1 pc, caso2 usuário
quemjoga = Math.floor(Math.random()*2)+1;
}// fim da função iniciar
if (jog['casa1'] == peca && jog['casa2'] == peca && jog['casa3'] == peca){
alert('Jogador ' +peca+' ganhou')
}
if (jog['casa4'] == peca && jog['casa5'] == peca && jog['casa6'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa7'] == peca && jog['casa8'] == peca && jog['casa9'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa1'] == peca && jog['casa5'] == peca && jog['casa9'] == peca){
alert('Jogador '+peca+' anhou')
}
if (jog['casa3'] == peca && jog['casa5'] == peca && jog['casa7'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa1'] == peca && jog['casa4'] == peca && jog['casa7'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa2'] == peca && jog['casa5'] == peca && jog['casa8'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa3'] == peca && jog['casa6'] == peca && jog['casa9'] == peca) {
alert('Jogador '+peca+' ganhou')
}
function jogada(click){
jog[click] = peca;
document.getElementById(click).src = "img/"+peca+".jpg";
igual(peca);
if(peca == 'x'){
peca = "o";
}else{
peca= 'x';
}
}
function computer(){
jogadapc = 0;// controle para saber quando o pc jogadapc
while(jogadapc == 0){ // pc jogará até encontrar posicao vazia
pc = Math.floor(Math.random()*9)+1;
switch (pc){
case 1:
if(xo['casa1'] == ''){
xo['casa1'] = peca;
document.getElementById('casa1').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 2:
if(xo['casa2'] == ''){
xo['casa2'] = peca;
document.getElementById('casa2').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 3:
if(xo['casa3'] == ''){
xo['casa3'] = peca;
document.getElementById('casa3').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 4:
if(xo['casa4'] == ''){
xo['casa4'] = peca;
document.getElementById('casa4').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 5:
if(xo['casa5'] == ''){
xo['casa5'] = peca;
document.getElementById('casa5').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 6:
if(xo['casa6'] == ''){
xo['casa6'] = peca;
document.getElementById('casa6').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 7:
if(xo['casa7'] == ''){
xo['casa7'] = peca;
document.getElementById('casa7').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 8:
if(xo['casa8'] == ''){
xo['casa8'] = peca;
document.getElementById('casa2').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 9:
if(xo['casa9'] == ''){
xo['casa9'] = peca;
document.getElementById('casa9').src = peca+'.jpg';
jogadapc = 1;
}
break;
}
}
vencedor();
}// fim da função computador
function jogada(casa){
if(xo[casa] == ''){
xo[casa] = peca;
document.getElementById(casa).src = peca+'.jpg';
vencedor();
if(peca == 'x'){
peca = 'o'
}else{
peca = 'x'
}
computador();
}else{
alert('Posição já ocupada');
}
}
function reset(){
while(xo.length > 0){// verificamos o tamanho do vetor.
xo.pop();
}
}
</script>
</head>
<body onload="iniciar()">
<div class="Tabuleiro">
<div class="Casa" onclick="jogada('casa1')">
<img src="img/branco.jpg" width="200" height="200" id="casa1">
</div>
<div class="Casa" onclick="jogada('casa2')">
<img src="img/branco.jpg" width="200" height="200" id="casa2">
</div>
<div class="Casa" onclick="jogada('casa3')">
<img src="img/branco.jpg" width="200" height="200" id="casa3">
</div>
<div class="Casa" onclick="jogada('casa4')">
<img src="img/branco.jpg" width="200" height="200" id="casa4">
</div>
<div class="Casa" onclick="jogada('casa5')">
<img src="img/branco.jpg" width="200" height="200" id="casa5">
</div>
<div class="Casa" onclick="jogada('casa6')">
<img src="img/branco.jpg" width="200" height="200" id="casa6">
</div>
<div class="Casa" onclick="jogada('casa7')">
<img src="img/branco.jpg" width="200" height="200" id="casa7">
</div>
<div class="Casa" onclick="jogada('casa8')">
<img src="img/branco.jpg" width="200" height="200" id="casa8">
</div>
<div class="Casa" onclick="jogada('casa9')">
<img src="img/branco.jpg" width="200" height="200" id="casa9">
</div>
</div>
</body>
</html>
<html>
<head>
<style>
.Tabuleiro{
width:606px;
height:606px;
left:400px;
position:absolute;
background-color:blue;
}
.Casa{
width:200px;
height:200px;
background-color:white;
position:relative;
margin:1px;
float:left;
}
</style>
<script>
var jog=[];
var peca;
var a =[];
var xo = []; // vetor que armazena as jogadas
function iniciar(){
var placarx, placaro, empate, velha;
a = Math.floor(Math.random()*2)+1;
if(a == 1){
peca = 'x';
}else{
peca = 'o';
}
// definirá quem inicia o jogo, caso 1 pc, caso2 usuário
quemjoga = Math.floor(Math.random()*2)+1;
}// fim da função iniciar
if (jog['casa1'] == peca && jog['casa2'] == peca && jog['casa3'] == peca){
alert('Jogador ' +peca+' ganhou')
}
if (jog['casa4'] == peca && jog['casa5'] == peca && jog['casa6'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa7'] == peca && jog['casa8'] == peca && jog['casa9'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa1'] == peca && jog['casa5'] == peca && jog['casa9'] == peca){
alert('Jogador '+peca+' anhou')
}
if (jog['casa3'] == peca && jog['casa5'] == peca && jog['casa7'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa1'] == peca && jog['casa4'] == peca && jog['casa7'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa2'] == peca && jog['casa5'] == peca && jog['casa8'] == peca){
alert('Jogador '+peca+' ganhou')
}
if (jog['casa3'] == peca && jog['casa6'] == peca && jog['casa9'] == peca) {
alert('Jogador '+peca+' ganhou')
}
function jogada(click){
jog[click] = peca;
document.getElementById(click).src = "img/"+peca+".jpg";
igual(peca);
if(peca == 'x'){
peca = "o";
}else{
peca= 'x';
}
}
function computer(){
jogadapc = 0;// controle para saber quando o pc jogadapc
while(jogadapc == 0){ // pc jogará até encontrar posicao vazia
pc = Math.floor(Math.random()*9)+1;
switch (pc){
case 1:
if(xo['casa1'] == ''){
xo['casa1'] = peca;
document.getElementById('casa1').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 2:
if(xo['casa2'] == ''){
xo['casa2'] = peca;
document.getElementById('casa2').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 3:
if(xo['casa3'] == ''){
xo['casa3'] = peca;
document.getElementById('casa3').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 4:
if(xo['casa4'] == ''){
xo['casa4'] = peca;
document.getElementById('casa4').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 5:
if(xo['casa5'] == ''){
xo['casa5'] = peca;
document.getElementById('casa5').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 6:
if(xo['casa6'] == ''){
xo['casa6'] = peca;
document.getElementById('casa6').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 7:
if(xo['casa7'] == ''){
xo['casa7'] = peca;
document.getElementById('casa7').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 8:
if(xo['casa8'] == ''){
xo['casa8'] = peca;
document.getElementById('casa2').src = peca+'.jpg';
jogadapc = 1;
}
break;
case 9:
if(xo['casa9'] == ''){
xo['casa9'] = peca;
document.getElementById('casa9').src = peca+'.jpg';
jogadapc = 1;
}
break;
}
}
vencedor();
}// fim da função computador
function jogada(casa){
if(xo[casa] == ''){
xo[casa] = peca;
document.getElementById(casa).src = peca+'.jpg';
vencedor();
if(peca == 'x'){
peca = 'o'
}else{
peca = 'x'
}
computador();
}else{
alert('Posição já ocupada');
}
}
function reset(){
while(xo.length > 0){// verificamos o tamanho do vetor.
xo.pop();
}
}
</script>
</head>
<body onload="iniciar()">
<div class="Tabuleiro">
<div class="Casa" onclick="jogada('casa1')">
<img src="img/branco.jpg" width="200" height="200" id="casa1">
</div>
<div class="Casa" onclick="jogada('casa2')">
<img src="img/branco.jpg" width="200" height="200" id="casa2">
</div>
<div class="Casa" onclick="jogada('casa3')">
<img src="img/branco.jpg" width="200" height="200" id="casa3">
</div>
<div class="Casa" onclick="jogada('casa4')">
<img src="img/branco.jpg" width="200" height="200" id="casa4">
</div>
<div class="Casa" onclick="jogada('casa5')">
<img src="img/branco.jpg" width="200" height="200" id="casa5">
</div>
<div class="Casa" onclick="jogada('casa6')">
<img src="img/branco.jpg" width="200" height="200" id="casa6">
</div>
<div class="Casa" onclick="jogada('casa7')">
<img src="img/branco.jpg" width="200" height="200" id="casa7">
</div>
<div class="Casa" onclick="jogada('casa8')">
<img src="img/branco.jpg" width="200" height="200" id="casa8">
</div>
<div class="Casa" onclick="jogada('casa9')">
<img src="img/branco.jpg" width="200" height="200" id="casa9">
</div>
</div>
</body>
</html>Discussão (0)
Carregando comentários...