Skip to content

B
bootcamp02-desafio02
Commit 1e863321 by roshka
Options

Desafio 02, damas

parents
Showing with 149 additions and 0 deletions
damas.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<title>Damas</title>
<script type="text/javascript" src="funciondamas.js"></script>
</head>
<body>
<table border="1px" align="center">
<tr >
<td id="F00" height="50px" width="50px" style="background: black "onclick="seleccionarCelda(this);"></td>
<td id="F01" height="50px" width="50px"></td>
<td id="F02" nombre="F02" height="50px" width="50px" style="background: black "onclick="seleccionarCelda(this)"></td>
<td id="F03" nombre="F03" height="50px" width="50px"></td>
</tr>
<tr>
<td id="F10" nombre="F10" height="50px" width="50px"></td>
<td id="F11" height="50px" width="50px" style="background: black" onclick="seleccionarCelda(this)"></td>
<td id="F12" nombre="F12" height="50px" width="50px" ></td>
<td id="F13" nombre="F13 "height="50px" width="50px" style="background: black" onclick="seleccionarCelda(this)"></td>
</tr>
<tr>
<td id="F20" nombre="F20" height="50px" width="50px" style="background: black" onclick="seleccionarCelda(this)"></td>
<td id="F21" nombre="F21" height="50px" width="50px"></td>
<td id="F22" nombre="F22" height="50px" width="50px" style="background: black" onclick="seleccionarCelda(this)"></td>
<td id="F23" nombre="F23" height="50px" width="50px"></td>
</tr>
<tr>
<td id="F30" nombre="F30" height="50px" width="50px"></td>
<td id="F31" nombre="F31" height="50px" width="50px" style="background: black" onclick="seleccionarCelda(this)"></td>
<td id="F32" nombre="F32" height="50px" width="50px" ></td>
<td id="F33" nombre="F33" height="50px" width="50px" style="background: black" onclick="seleccionarCelda(this)"><img src="ficha.jpg" height="50px" width="50px"></img></td>
</tr>
</table>
</body>
</html>
\ No newline at end of file
ficha.jpg 0 → 100644
ficha.jpg

3.57 KB
funciondamas.js 0 → 100644
var celda='';
//var celda_actual='';
function seleccionarCelda(id){
if(celda!= '' ){
mover(id, celda);
celda='';
} else {
if(id.innerHTML!=""){
celda=id;
id.style.background="yellow";
}
}
}
function mover(celda_actual, celda){
if(celda.id == 'F00'){
if(celda_actual.id == 'F11'){
celda_actual.innerHTML = celda.innerHTML;
celda.innerHTML=' ';
celda.style.background="black";
}else{
if(celda == 'F00'){
if ((celda_actual.id == 'F01') || (celda_actual.id == 'F10')){
alert("Movimiento Invalido!. Las fichas deben moverse de manera diagonal")
}
} }
}
if(celda.id=='F02'){
if((celda_actual.id =='F11')||(celda_actual.id == 'F13')){
celda_actual.innerHTML = celda.innerHTML;
celda.innerHTML='';
celda.style.background="black";
}else{
elda.style.background="skyblue";
alert("Movimiento Invalido!. Las fichas deben moverse de manera diagonal")}
}
if(celda.id=='F11'){
if((celda_actual.id =='F20')||(celda_actual.id == 'F22')||(celda_actual.id == 'F02')||(celda_actual.id == 'F00')){
celda_actual.innerHTML = celda.innerHTML;
celda.innerHTML='';
celda.style.background="black";
}else{
celda.style.background="black";
alert("Movimiento Invalido!. Las fichas deben moverse de manera diagonal")}
}
if(celda.id =='F13'){
if((celda_actual.id == 'F22')||(celda_actual.id=='F02')){
celda_actual.innerHTML = celda.innerHTML;
celda.innerHTML='';
celda.style.background='black'
}else{
celda.style.background="black";
alert("Movimiento Invalido!. Las fichas deben moverse de manera diagonal")
}
}
if(celda.id=='F20'){
if((celda_actual.id =='F31') || (celda_actual.id=='F11')){
celda_actual.innerHTML = celda.innerHTML;
celda.innerHTML='';
celda.style.background="black";
}else{
celda.style.background="skyblue";
alert("Movimiento Invalido!. Las fichas deben moverse de manera diagonal")}
}
if(celda.id=='F22'){
if((celda_actual.id =='F31')||(celda_actual.id == 'F33')||(celda_actual.id=='F11')
||(celda_actual.id =='F13')){
celda_actual.innerHTML = celda.innerHTML;
celda.innerHTML='';
celda.style.background="black";
}else{
celda.style.background="skyblue";
alert("Movimiento Invalido!. Las fichas deben moverse de manera diagonal")}
}
if(celda.id=='F31'){
if((celda_actual.id =='F20')||(celda_actual.id == 'F22')){
celda_actual.innerHTML = celda.innerHTML;
celda.innerHTML='';
celda.style.background="black";
}else{
celda.style.background="skyblue";
alert("Movimiento Invalido!. Las fichas deben moverse de manera diagonal")}
}
if(celda.id=='F33'){
if(celda_actual.id == 'F22'){
celda_actual.innerHTML = celda.innerHTML;
celda.innerHTML='';
celda.style.background="black";
}else{
celda.style.background="black";
alert("Movimiento Invalido!. Las fichas deben moverse de manera diagonal")}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment