Translate UI to English

David Fernández · David Fernández · commit e003344b8c99 · 2024-02-09T20:43:06.000+01:00
diff --git a/docs/index.html b/docs/index.html
@@ -28,14 +28,14 @@
     <div class="row container mt-4">
         <div class="col">
             <h1>Jugador - <small>0</small></h1>
-            <div id="jugador-cartas" class="mt-3"></div>
+            <div id="player-cards" class="mt-3"></div>
         </div>
     </div>
 
     <div class="row container mt-2">
         <div class="col">
             <h1>Computadora - <small>0</small></h1>
-            <div id="computadora-cartas" class="mt-3"></div>
+            <div id="computer-cards" class="mt-3"></div>
         </div>
     </div>
     
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Blackjack - Vite</title>
+    <title>Blackjack</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
   </head>
   <body>
@@ -16,24 +16,24 @@
     <div class="row mt-2">
         <div id="divBotones" class="col text-center">
 
-            <button id="btnNewGame" class="btn btn-success">Nuevo Juego</button>
-            <button id="btnAskFor" class="btn btn-primary">Pedir carta</button>
-            <button id="btnStop" class="btn btn-primary">Detener</button> 
+            <button id="btnNewGame" class="btn btn-success">New Game</button>
+            <button id="btnAskFor" class="btn btn-primary">Hit</button>
+            <button id="btnStop" class="btn btn-danger">Stand</button> 
 
         </div>
     </div>
 
     <div class="row container mt-4">
         <div class="col">
-            <h1>Jugador - <small>0</small></h1>
-            <div id="jugador-cartas" class="mt-3"></div>
+            <h1>Player - <small>0</small></h1>
+            <div id="player-cards" class="mt-3"></div>
         </div>
     </div>
 
     <div class="row container mt-2">
         <div class="col">
-            <h1>Computadora - <small>0</small></h1>
-            <div id="computadora-cartas" class="mt-3"></div>
+            <h1>Computer - <small>0</small></h1>
+            <div id="computer-cards" class="mt-3"></div>
         </div>
     </div>
     <script type="module" src="/main.js"></script>
diff --git a/src/blackjack/index.js b/src/blackjack/index.js
@@ -5,27 +5,16 @@ import {createDeck, askforCard, cardValue, computerTurn, createCard} from './use
 let deck = [''];
 const suits = ['C', 'D', 'H', 'S'],
       specials = ['A', 'J', 'Q', 'K'];
-
 let playerPoints = 0,
     computerPoints = 0;
-
 const btnAskFor = document.querySelector('#btnAskFor'),
       btnStop = document.querySelector('#btnStop'),
       btnNewGame = document.querySelector('#btnNewGame');
-
-const playerCardsContainer = document.querySelector('#jugador-cartas'),
-      computerCardsContainer = document.querySelector('#computadora-cartas'),
+const playerCardsContainer = document.querySelector('#player-cards'),
+      computerCardsContainer = document.querySelector('#computer-cards'),
       playersPointsContainer = document.querySelectorAll('small');
-
 deck = createDeck(suits, specials);
-
 console.log(playerCardsContainer);
-// const amountPoints = ( card, turn ) => {
-//     playersPoints[turn] = playersPoints[turn] + cardValue(card);
-//     playersPointsContainer[turn].innerText = playersPoints[turn];
-//     return playersPoints[turn];
-// }
-
 btnAskFor.addEventListener('click', () => {
     const card = askforCard(deck);
     playerPoints = playerPoints + cardValue(card);
@@ -35,12 +24,12 @@ btnAskFor.addEventListener('click', () => {
     playerCardsContainer.append(imgCard);
 
     if (playerPoints > 21) {
-        console.warn('Otra vez será. Perdiste');
+        console.warn('Try again! You lost!');
         btnAskFor.disabled = true;
         btnStop.disabled = true;
         computerTurn(playerPoints, playersPointsContainer[1], computerCardsContainer, deck);
     } else if (playerPoints === 21) {
-        console.warn('21, genial!');
+        console.warn('21, congrats!');
         btnAskFor.disabled = true;
         btnStop.disabled = true;
         computerTurn(playerPoints, playersPointsContainer[1], computerCardsContainer, deck);
@@ -59,9 +48,6 @@ btnNewGame.addEventListener('click', () => {
     deck = createDeck(suits, specials)
     playerPoints = 0;
     computerPoints = 0;
-    // for (let i = 0; i < playerNum; i++) {
-    //     playersPoints.push(0);
-    // }
 
     playersPointsContainer.forEach(element => element.innerText = 0);
     playerCardsContainer.innerHTML = '';
diff --git a/src/blackjack/usecases/determine-winner.js b/src/blackjack/usecases/determine-winner.js
@@ -8,13 +8,13 @@
 export const determineWinner = (playerPoints, computerPoints) => {  
     setTimeout(() => {
         if (computerPoints === playerPoints) {
-            alert('Empate. Prueba de nuevo!');
+            alert('Tie. Try again!');
         } else if (playerPoints > 21) {
-            alert('Has perdido, la computadora ha ganado');
+            alert('You lost, computer wins!');
         } else if (computerPoints > 21) {
-            alert('Has ganado, enhorabuena!!');
+            alert('You win, congratulations!!');
         } else {
-            alert('Has perdido, la computadora ha ganado');
+            alert('You lost, computer wins!');
         }
     }, 500);
 };
diff --git a/style.css b/style.css
@@ -19,6 +19,6 @@ html, body {
   margin-left: -75px;
 }
 
-#computadora-cartas, #jugador-cartas {
+#computer-cards, #player-cards {
   height: 240px;
 }

Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,6 @@ html, body {`
`19`	`19`	`margin-left: -75px;`
`20`	`20`	`}`
`21`	`21`
`22`		`-#computadora-cartas, #jugador-cartas {`
	`22`	`+#computer-cards, #player-cards {`
`23`	`23`	`height: 240px;`
`24`	`24`	`}`