Vue.js - pytanie jak to ogarnąć

Question

hej, mam dwa pytanie z serii jak to ogarnąć. Nie wiem jak zrealizować takie założenie

1. Mamy jakiś ciąg tekstowy/zdanie gdzie mamy uzupełnić luki. Np dwie. Coś w stylu "jeśli ktoś .... lub skomentuje moje ...." i do tego mamy odpowiedzi np cztery odpowiedzi. I teraz, po kliknięciu prawidłowej odpowiedzi luka zostaje uzupełniona. Ważne! jeśli mamy np cztery odpowiedzi i dwie luki a ktoś kliknie odpowiedź z luki 2, a pierwsza nie jest uzupełniona druga nie powinna się uzupełnić.

2. Mamy słowa w języku polskim i powiedzmy niemieckim. W jednej kolumnie mamy słowa po polsku w jakiejś kolejności a na górze słowa po niemiecku pomieszane. Po kliknięciu słowa niemieckiego powinno ono zostać dopasowane do polskiego z tym że tutaj też ważna jest kolejność.

Nie chcę gotowca jednak potrzebuję jakiegoś pomysłu jak do dopasować.

Answer 1

No patrzę na oba założenia, i myślę że po prostu musisz dodać sobie event listener'a gdy kliknie się na daną odpowiedź, a dopasowanie to zwykła animacja, która się odpala po zrealizowaniu odpowiednich założeń