├── .gitattributes
├── LICENSE
├── README.md
├── css
├── bootstrap.min.css
└── style.css
├── img
├── Ahorcado-0.png
├── Ahorcado-1.png
├── Ahorcado-2.png
├── Ahorcado-3.png
├── Ahorcado-4.png
├── Ahorcado-5.png
├── Ahorcado-6.png
└── Ahorcado.psd
├── index.html
├── js
├── common.js
├── game.js
├── manage_words.js
├── sweetalert2.all.min.js
└── vue.min.js
└── words.html
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 Luis Cabrera Benito
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # hangman-javascript
2 | Hangman game with JavaScript, Vue.js and Bootstrap
3 |
4 | # Hangman ported in JavaScript
5 |
6 | **El ahorcado o hangman, en su versión web** programado con JavaScript; totalmente gratuito y open source.
7 |
8 | [](https://parzibyte.me/blog/wp-content/uploads/2020/09/El-ahorcado-en-JavaScript-Programacion-de-juego.png)
9 |
10 | El ahorcado en JavaScript – Programación de juego
11 |
12 | El juego está escrito con el lenguaje JavaScript, usando Vue.js y Bootstrap. Cuenta con:
13 |
14 | - Gestión de palabras. Puedes agregar y eliminar palabras para jugar al ahorcado
15 | - Elección de palabra aleatoria: cada vez que juegas se selecciona una palabra aleatoria del banco de palabras que el usuario ha registrado
16 | - Botones con letras para adivinar la palabra, mismos que se deshabilitan una vez que se ha intentado esa letra
17 | - Imagen del ahorcado, misma que cambia con el número de intentos
18 | - Juego totalmente responsivo (adaptable a teléfonos, tabletas, etcétera)
19 |
20 | ## Tutorial
21 | Aquí: https://parzibyte.me/blog/2020/09/24/ahorcado-juego-javascript/
22 |
23 | ## Demo
24 | https://parzibyte.github.io/hangman-javascript/index.html
--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | ____ _____ _ _ _
4 | | _ \ | __ \ (_) | | |
5 | | |_) |_ _ | |__) |_ _ _ __ _____| |__ _ _| |_ ___
6 | | _ <| | | | | ___/ _` | '__|_ / | '_ \| | | | __/ _ \
7 | | |_) | |_| | | | | (_| | | / /| | |_) | |_| | || __/
8 | |____/ \__, | |_| \__,_|_| /___|_|_.__/ \__, |\__\___|
9 | __/ | __/ |
10 | |___/ |___/
11 |
12 | ____________________________________
13 | / Si necesitas ayuda, contáctame en \
14 | \ https://parzibyte.me /
15 | ------------------------------------
16 | \ ^__^
17 | \ (oo)\_______
18 | (__)\ )\/\
19 | ||----w |
20 | || ||
21 | Creado por Parzibyte (https://parzibyte.me). Este encabezado debe mantenerse intacto,
22 | excepto si este es un proyecto de un estudiante.
23 | */
24 | @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
25 | body {
26 | padding-bottom: 70px;
27 | padding-top: 70px;
28 | font-family: 'Montserrat', sans-serif;
29 | }
30 |
31 |
32 | .displayed-word {
33 | letter-spacing: 4px;
34 | }
--------------------------------------------------------------------------------
/img/Ahorcado-0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/parzibyte/hangman-javascript/a1b3a7f3422ce0e7ab4a76e21977ba3345c2c934/img/Ahorcado-0.png
--------------------------------------------------------------------------------
/img/Ahorcado-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/parzibyte/hangman-javascript/a1b3a7f3422ce0e7ab4a76e21977ba3345c2c934/img/Ahorcado-1.png
--------------------------------------------------------------------------------
/img/Ahorcado-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/parzibyte/hangman-javascript/a1b3a7f3422ce0e7ab4a76e21977ba3345c2c934/img/Ahorcado-2.png
--------------------------------------------------------------------------------
/img/Ahorcado-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/parzibyte/hangman-javascript/a1b3a7f3422ce0e7ab4a76e21977ba3345c2c934/img/Ahorcado-3.png
--------------------------------------------------------------------------------
/img/Ahorcado-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/parzibyte/hangman-javascript/a1b3a7f3422ce0e7ab4a76e21977ba3345c2c934/img/Ahorcado-4.png
--------------------------------------------------------------------------------
/img/Ahorcado-5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/parzibyte/hangman-javascript/a1b3a7f3422ce0e7ab4a76e21977ba3345c2c934/img/Ahorcado-5.png
--------------------------------------------------------------------------------
/img/Ahorcado-6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/parzibyte/hangman-javascript/a1b3a7f3422ce0e7ab4a76e21977ba3345c2c934/img/Ahorcado-6.png
--------------------------------------------------------------------------------
/img/Ahorcado.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/parzibyte/hangman-javascript/a1b3a7f3422ce0e7ab4a76e21977ba3345c2c934/img/Ahorcado.psd
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
24 |
25 |
26 |
27 |