Avanzamos aquí unos últimos detalles de PlatziWordle.
En esta clase ya hemos integrado el observador deleteLetter (o removeLetter) enfocado a eliminar la última letra de la palabra cuando el usuario presiona la tecla Borrar.
🔗 Puedes ver el código de ese observador aquí.
Otros cambios que realizamos:
checkWord agregando colores de fondo para las letras de una palabra (gris, verde y amarillo).Hola comunidad, estuve haciendo el proyecto a la par con el profesor. Pero estuve aplicando lo aprendido en los cursos de Ts, ello incluye POO. Así que si quieren darle un vistazo aquí está el repositorio. Posdata: tiene errores al momento de perder, ganar o reiniciar el wordle. Ya que aún no he visto como se manejan los errores por desuscribir un observable.
Mi función de checkWord:
// Posterior a validar la tecla enter
messageText.textContent = ''
// Informar las letras que faltan
if (userAnswers.length !== 5) {
messageText.textContent = `¡Hacen falta ${5 - userAnswers.length} letras!`
return;
}
// Si la respuesta es correcta, usar el Subject (no requiere iterar)
if(userAnswers.join('') === correctWord) {
userWinOrLoose$.next();
return;
}
// Si la respuesta no es correcta, verificar cada letra
const letterBox = [...letterRows[letterRowIndex].children]
userAnswers.forEach((value, index) => {
const letterStatus = correctWord.indexOf(value)
letterBox[index].classList.add(
`letter-${ ( letterStatus === -1 ? 'grey' : ( index === letterStatus ? 'green' : 'yellow') ) }`
)
})
letterRowIndex++;
userAnswers = [];
letterColumnIndex = 0;
Queda una parte pendiente, los duplicados, en palabras como GALAS, marca la 2da A como amarillo aunque esté en la posición correcta porque IndexOf devuelve el Index de la primera coincidencia, aún no lo resuelvo.
Avanzamos aquí unos últimos detalles de PlatziWordle.
En esta clase ya hemos integrado el observador deleteLetter (o removeLetter) enfocado a eliminar la última letra de la palabra cuando el usuario presiona la tecla Borrar.
🔗 Puedes ver el código de ese observador aquí.
Otros cambios que realizamos:
checkWord agregando colores de fondo para las letras de una palabra (gris, verde y amarillo).
Víctor Andrés Córdova Poma
Hola comunidad, estuve haciendo el proyecto a la par con el profesor. Pero estuve aplicando lo aprendido en los cursos de Ts, ello incluye POO. Así que si quieren darle un vistazo aquí está el repositorio. Posdata: tiene errores al momento de perder, ganar o reiniciar el wordle. Ya que aún no he visto como se manejan los errores por desuscribir un observable.
Andrés Villarraga
Andrés Villarraga
Mi función de checkWord:
// Posterior a validar la tecla enter messageText.textContent = '' // Informar las letras que faltan if (userAnswers.length !== 5) { messageText.textContent = `¡Hacen falta ${5 - userAnswers.length} letras!` return; } // Si la respuesta es correcta, usar el Subject (no requiere iterar) if(userAnswers.join('') === correctWord) { userWinOrLoose$.next(); return; } // Si la respuesta no es correcta, verificar cada letra const letterBox = [...letterRows[letterRowIndex].children] userAnswers.forEach((value, index) => { const letterStatus = correctWord.indexOf(value) letterBox[index].classList.add( `letter-${ ( letterStatus === -1 ? 'grey' : ( index === letterStatus ? 'green' : 'yellow') ) }` ) }) letterRowIndex++; userAnswers = []; letterColumnIndex = 0;
Queda una parte pendiente, los duplicados, en palabras como GALAS, marca la 2da A como amarillo aunque esté en la posición correcta porque IndexOf devuelve el Index de la primera coincidencia, aún no lo resuelvo.
Ya lo resolví :sweat_smile:, creé esta función para buscar todos los Indices en la palabra (debería haber un getAllIndexOf() en JS):
const getAllIndexOf = (word, character) => { let letterIndex = [] let currentIndex = -1 do { currentIndex = word.indexOf(character, currentIndex+1) currentIndex !== -1 && letterIndex.push(currentIndex) } while (currentIndex !== -1) return !letterIndex.length ? -1 : letterIndex }
con esta función la parte de verificar por letra quedaría así:
// Si la respuesta no es correcta, verificar cada letra const letterBox = [...letterRows[letterRowIndex].children] userAnswers.forEach((value, index) => { const letterStatus = getAllIndexOf(correctWord, value) letterBox[index].classList.add( `letter-${ ( letterStatus === -1 ? 'grey' : ( letterStatus.includes(index) ? 'green' : 'yellow') ) }` ) })