Merge pull request #23 from josemoracard/jose1-readme

fixed text README

README.es.md

@@ -1,20 +1,20 @@
 <!--hide-->
-# Repartidor de cartas al azar en Javascript, HTML y CSS
+# Generador de cartas al azar con JavaScript, HTML y CSS
 <!--endhide-->
 
 <p align="center">
 <img height="200px" src="https://github.com/breatheco-de/exercise-random-card/blob/master/preview.gif?raw=true" />
 </p>
 
-En este proyecto, aprenderás cómo cambiar los estilos de tu sitio web durante el tiempo de ejecución utilizando [VanillaJS](https://stackoverflow.com/questions/20435653/what-is-vanillajs) (plain normal js).
+En este proyecto, aprenderás cómo cambiar los estilos de tu sitio web durante el tiempo de ejecución utilizando [VanillaJS](https://stackoverflow.com/questions/20435653/what-is-vanillajs) (JavaScript estándar).
 
-## Intrucciones
+## 📝 Instrucciones
 
 Crea un algoritmo que genere aleatoriamente una carta en cada actualización:
 
-1. Cada vez que el sitio web actualiza una nueva carta aleatoria debe mostrarse.
+1. Cada vez que el sitio web se actualice, una nueva carta aleatoria debe mostrarse.
 
-2. La carta debe tener una de las posibles palo/pinta: Corazones, Picas, Clubes y Diamantes.
+2. La carta debe tener uno de los posibles palos: Corazones, Picas, Tréboles y Diamantes.
 
 3. El valor de la carta debe ser uno de los siguientes: 2 a 10, Rey, Reina, Jota o As (sin comodín).
 
@@ -24,41 +24,41 @@ Al final, el proyecto debe ser similar a [esta demostración](https://github.com
 
 No clones este repositorio porque vamos a usar una plantilla diferente.
 
-Recomendamos abrir el `vanilla.js boilerplate` usando una herramienta de aprovisionamiento como [Codespaces](https://4geeks.com/es/lesson/tutorial-de-github-codespaces) (recomendado) o [Gitpod](https://4geeks.com/es/lesson/como-utilizar-gitpod). Alternativamente, puedes clonarlo en tu computadora local usando el comando `git clone`.
+Recomendamos abrir el `vanilla.js boilerplate` usando un entorno de desarrollo como [Codespaces](https://4geeks.com/es/lesson/tutorial-de-github-codespaces) (recomendado) o [Gitpod](https://4geeks.com/es/lesson/como-utilizar-gitpod). Alternativamente, puedes clonarlo en tu computadora local usando el comando `git clone`.
 
 Este es el repositorio que necesitas abrir o clonar:
 
-```
+```text
 https://github.com/4GeeksAcademy/vanillajs-hello.git
 ```
 
-**👉 Por favor sigue estos pasos** [cómo comenzar un proyecto de codificación](https://4geeks.com/es/lesson/como-comenzar-un-proyecto-de-codificacion).
+**👉 Por favor sigue estos pasos sobre** [cómo comenzar un proyecto de programación](https://4geeks.com/es/lesson/como-comenzar-un-proyecto-de-codificacion).
 
 
-💡 Importante: Recuerda guardar y subir tu código a GitHub creando un nuevo repositorio, actualizando el remoto (`git remote set-url origin <your new url>`) y subiendo el código a tu nuevo repositorio usando los comandos `add`, `commit` y `push` desde la terminal de git.
+> 💡 Importante: Recuerda guardar y subir tu código a GitHub creando un nuevo repositorio, actualizando el remoto (`git remote set-url origin <your new url>`) y subiendo el código a tu nuevo repositorio usando los comandos `add`, `commit` y `push` desde la terminal de git.
 
-## 💡 Pista
+## 💡 Pistas
 
-- Recuerda que el primer evento en el ciclo de vida de un sitio web es [onLoad (su código comienza a ejecutarse allí)](https://www.w3schools.com/jsref/event_onload.asp), debe generar un número aleatorio entre 1 y 4 para elegir un palo y otro número aleatorio entre 0 y 12 para elegir un número de tarjeta.
+- Recuerda que el primer evento en el ciclo de vida de un sitio web es [onLoad (tu código comienza a ejecutarse allí)](https://www.w3schools.com/jsref/event_onload.asp), debes generar un número aleatorio entre 1 y 4 para elegir un palo y otro número aleatorio entre 0 y 12 para elegir un número de carta.
 
-- Crea una clase general **.card** que aplique los estilos generales a cada carta, y una clase CSS adicional para cada palo/pinta: .spade, .club, .heart & .diamond.
+- Crea una clase general `.card` que aplique los estilos comunes a cada carta, y una clase CSS adicional para cada palo: `.spade`, `.club`, `.heart` & `.diamond`.
 
-- Aplica la clase .card a toda la división, pero solo aplica una de las clases de la pinta/palo a la vez, dependiendo de la pinta/palo que desees aplicar. Por ejemplo, un 3 de corazones tendrá esta declaración HTML:
+- Aplica la clase `.card` a todo el div, pero solo aplica una de las clases del palo de la carta a la vez, dependiendo del palo que desees aplicar. Por ejemplo, un 3 de corazones tendrá esta declaración HTML:
 
 ```html
-    <div class='card heart'></div>
+<div class='card heart'></div>
 ```
 
-- Copia y pega estos emojis dentro te tu codigo para los simbolos: ♦ ♥ ♠ ♣
+- Copia y pega estos íconos dentro de tu código para los símbolos: ♦ ♥ ♠ ♣
 
-### 😎 ¿Te sientes seguro?
+## 😎 ¿Te sientes seguro?
 
-¡Los siguientes requeriemientos no son necesarios para completar satisfactoriamente el proyecto pero puedes intentar retarte a ti mismo!
+¡Los siguientes requerimientos no son necesarios para completar satisfactoriamente el proyecto, pero puedes intentar retarte a ti mismo!
 
 `+1` Agrega un botón que genere una nueva carta cuando sea apretado.
 
-`+1` Agrega un timer que genere una nueva carta automaticamente cada 10 segundos.
+`+1` Agrega un temporizador que genere una nueva carta automáticamente cada 10 segundos.
 
-`+1` Permítele al usuario especificar el width y height de la carta utilizando text-inputs.
+`+1` Permítele al usuario especificar el *width* y *height* de la carta utilizando text-inputs.
 
-Este y otros proyectos son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Curso de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning).
+Este y otros proyectos son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Cursos de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning).

README.md

@@ -1,5 +1,5 @@
 <!--hide-->
-# Random Card Dealer in Javascript, HTML and CSS
+# Random Card Dealer in JavaScript, HTML and CSS
 <!--endhide-->
 
 <p align="center">
@@ -8,45 +8,45 @@
 
 In this project, you will learn how to change your website styles during the runtime using [VanillaJS](https://stackoverflow.com/questions/20435653/what-is-vanillajs) (plain normal js).
 
-# 📝 Instructions
+## 📝 Instructions
 
 Create an algorithm that randomly builds a card on every refresh:
 
-1. Every time the website refreshes a new random card needs to show.
+1. Every time the website refreshes, a new random card needs to show.
 
-2. The card must have one of the possible suits: Hearts, Spades, Clubs and Diamonds.
+2. The card must have one of the possible suits: Hearts, Spades, Clubs, or Diamonds.
 
-3. The card value must be one of the following: 2 to 10, King, Queen, Jack or Ace, (no joker).
+3. The card value must be one of the following: 2 to 10, King, Queen, Jack or Ace (no joker).
 
 In the end, the project needs to look similar to [this demo](https://github.com/breatheco-de/exercise-random-card/blob/master/preview.gif?raw=true).
 
-## 🌱  How to start this project
+## 🌱 How to start this project
 
 Do not clone this repository because we are going to be using a different template.
 
 We recommend opening the `vanilla.js boilerplate` using a provisioning tool like [Codespaces](https://4geeks.com/lesson/what-is-github-codespaces) (recommended) or [Gitpod](https://4geeks.com/lesson/how-to-use-gitpod). Alternatively, you can clone it on your local computer using the `git clone` command.
 
 This is the repository you need to open or clone:
 
-```
+```text
 https://github.com/4GeeksAcademy/vanillajs-hello.git
 ```
 
 **👉 Please follow these steps on** [how to start a coding project](https://4geeks.com/lesson/how-to-start-a-project).
 
 
-💡 Important: Remember to save and upload your code to GitHub by creating a new repository, updating the remote (`git remote set-url origin <your new url>`), and uploading the code to your new repository using the `add`, `commit` and `push` commands from the git terminal.
+> 💡 Important: Remember to save and upload your code to GitHub by creating a new repository, updating the remote (`git remote set-url origin <your new url>`), and uploading the code to your new repository using the `add`, `commit` and `push` commands from the git terminal.
 
 ## 💡 Hints
 
 - Remember that the first event of a website lifecycle is [onLoad (your code starts running there)](https://www.w3schools.com/jsref/event_onload.asp). You should generate a random number between 1 and 4 to pick a suit and another random number between 0 and 12 to pick a card number.
 
-- Create a general **.card** class that applies the general styles to each card, and one additional CSS class for each suit: .spade, .club, .heart & .diamond.
+- Create a general `.card` class that applies the common styles to each card, and one additional CSS class for each suit: `.spade`, `.club`, `.heart` & `.diamond`.
 
-- Apply the .card class to the entire div, but only apply one of the suit classes at a time, depending on what suit you want to apply. For example, a 3 of Hearts will have this HTML declaration:
+- Apply the `.card` class to the entire div, but only apply one of the suit classes at a time, depending on what suit you want to apply. For example, a 3 of hearts will have this HTML declaration:
 
 ```html
-    <div class='card heart'></div>
+<div class='card heart'></div>
 ```
 
 - You can grab the icons from here (copy and paste into your code): ♦ ♥ ♠ ♣