Plans from $25/month
This lesson is for members. Join us?
Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!
Providing hints after each submission - Part 2
Another key point behind the real Wordle game is that after each successful submission, the game presents the player with feedback in the following form:
- Correct letters in the right position (indicated in green)
- Correct letters in the wrong position (indicated in yellow)
- Non-existent letters (indicated in gray)
In this lesson, we will incorporate a similar functionality into our application.
**Topics Covered: **
- The usage of Data Providers in Vitest
- Collecting multiple instances of a given wrapper element and making assertions on specific ones
- Manipulating CSS Variables based on the rule of specificity
Links: