Plantilla de Oro
Plantilla de Oro
Plantilla de Oro
INTRODUCCIÓN………………………………………………………….…1
DESCRIPCIÓN DEL PROYECTO……………………………………………….………….…2
OBJETIVOS………………………………………………………….............................................3
DESARROLLO……………………...…………………………………….….4
ESTRUCTURA DEL JUEGO EN HTML………..........................................................5
APLICACIÓN DE ESTILOS EN CSS………………………………………………………...6
IMPLEMENTACION DE LA FUNCIONALIDAD EN JS…………………………...7
CONCLUSIÓN………………………………………………………………..8
INTRODUCCIÓN
EL JUEGO DEL AHORCADO : Consiste en un personaje, el cual está a punto de ser ejecutado, para
salvarlo es necesario adivinar una palabra, de la cual sólo se conoce su longitud. El jugador debe ir
eligiendo letra por letra, de modo de ir completando la palabra.
Si el jugador se equivoca en una letra , el personaje pierde un miembro de su cuerpo (un brazo, una
pierna, el tronco, etc.)
Se puede jugar hasta que el personaje pierda la cabeza, el último resto de su trágica vida.
El programa debe terminar cuando todas las letras se hayan adivinado, es decir, ganar el juego, o
bien se haya cometido un número establecido de desaciertos, es decir, gana el computador.
DESRIPCIÓN DEL PROYECTO
OBJETIVOS DEL PROYECTO:
Este proyecto por un lado nos ayudará a comprender mejor el uso de funciones, ciclos y
strings , en la solución de un problema, particularmente en el juego del “ Ahorcado ” , por
otro lado también contribuye en la mejora de la lógica de programación en general.
DESARROLLO:
HTML CSS
JAVASTCRIPT
ESTRUCTURA DEL JUEGO EN HTML:
La estructura del proyecto está fijada dentro de una tabla cuyas celdas ocupan
los botones la imagen de la y demás componentes del ahorcado , los mismos es-
tán diseñados en forma de un formulario con elementos input de tipo button.
ESTRUCTURA DEL JUEGO EN HTML:
<div>
<center>
<form action="" name="datos" method="post" id="datos">
<table border="0">
<tr>
<td><center><input type="button" class="c1" value="A" id="A" name="A" onclick="probar('A')"></center></td>
<td style="visibility: hidden;">**</td>
<td><center><input type="button" class="c2" value="B" id="B" name="B" onclick="probar('B')"></center></td>
<td style="visibility: hidden;">**</td>
<td><center><input type="button" class="c3" value="C" id="C" name="C" onclick="probar('C')"></center></td>
<td style="visibility: hidden;">**</td>
<td colspan="6" rowspan="6"><div id="caja"><img name="imagen" src="miahorcado.jpg" alt="40PX"
id="imagen"><br><br><br><br><center><input type="text" value="" id="adivinar" name="adivinar" size="" ></center></div></td>
<td style="visibility: hidden;">**</td>
</tr>
</table>
<br><br><br><br><br>
<div id="salmo">
Nºde Intentos:<input type="number" class="intentos" value="intentos" id="intentos" name="intentos">
</div><br><br><br>
</form>
</center>
</div>
APLICACIÓN DE ESTILOS EN CSS: