[code]<html>
<head>
<style type=“text/css”>
body{
background-color:#6A5ACD;
}
#bloco{
width:320px;
height:280px;
border-color:#483D8B;
border-style:groove;
margin:3% 20% 10% 30%;
}
#coluna1{
height:270px;
width:40px;
border-color:#4169E1;
border-style:groove;
float:left;
}
.quadradoc1{
height:40px;
width:40px;
border-color:#6495ED;
border-style:groove;
background-color:#6495ED;
}
#coluna2{
height:270px;
width:40px;
border-color:#4169E1;
border-style:groove;
float:left;
}
#coluna3{
height:270px;
width:40px;
border-color:#4169E1;
border-style:groove;
float:left;
}
#coluna4{
height:270px;
width:40px;
border-color:#4169E1;
border-style:groove;
float:left;
}
#coluna5{
height:270px;
width:40px;
border-color:#4169E1;
border-style:groove;
float:left;
}
#coluna6{
height:270px;
width:40px;
border-color:#4169E1;
border-style:groove;
float:left;
}
</style>
<script>
function Disparo()
{
var valor = Math.random()*10;
var valorD = Math.round(valor);
alert(valorD);
if ((valorD%2 == 0) && (valorD != 0))
{
div.style.background = url("barco.png");
alert("Barco Destruído");
}
}
</script>
</head>
<body >
<div id="bloco">
<div id="coluna1">
<div class="quadradoc1" > <a >A1 </div>
<div class="quadradoc1" > <a >B1 </div>
<div class="quadradoc1" > <a >C1 </div>
<div class="quadradoc1" > <a >D1 </div>
<div class="quadradoc1" > <a >E1 </div>
<div class="quadradoc1" > <a >F1 </div>
</div>
<div id="coluna2">
<div class="quadradoc1"> <a >A2 </div>
<div class="quadradoc1" > <a >B2 </div>
<div class="quadradoc1" > <a >C2 </div>
<div class="quadradoc1" > <a >D2 </div>
<div class="quadradoc1" > <a >E2 </div>
<div class="quadradoc1" > <a >F2 </div>
</div>
<div id="coluna3">
<div class="quadradoc1" > <a >A3 </div>
<div class="quadradoc1" > <a >B3 </div>
<div class="quadradoc1" > <a >C3 </div>
<div class="quadradoc1" > <a >D3 </div>
<div class="quadradoc1" > <a >E3 </div>
<div class="quadradoc1" > <a >F3 </div>
</div>
<div id="coluna4">
<div class="quadradoc1" > <a >A4 </div>
<div class="quadradoc1" > <a >B4 </div>
<div class="quadradoc1" > <a >C4 </div>
<div class="quadradoc1" > <a >D4 </div>
<div class="quadradoc1" > <a >E4 </div>
<div class="quadradoc1" > <a >F4 </div>
</div>
<div id="coluna5">
<div class="quadradoc1" > <a >A5 </div>
<div class="quadradoc1" > <a >B5 </div>
<div class="quadradoc1" > <a >C5 </div>
<div class="quadradoc1" > <a >D5 </div>
<div class="quadradoc1" > <a >E5 </div>
<div class="quadradoc1" > <a >F5 </div>
</div>
<div id="coluna6">
<div class="quadradoc1" > <a >A6 </div>
<div class="quadradoc1" > <a >B6 </div>
<div class="quadradoc1" > <a >C6 </div>
<div class="quadradoc1" > <a >D6 </div>
<div class="quadradoc1" > <a >E6 </div>
<div class="quadradoc1" > <a >F6 </div>
</div>
<img >
</div>
</body>
</html>
[/code]
Pessoal estou tendo dificuldades na parte em que quando houver o click e o numero aleatório for par e diferente de 2 que seja exibida a imagem de um barco destruido, mas acaba saindo um número par e não acontece nada.
Help!!