javascript - 서로 다른 단일 옵션을 선택하고 각각 다른 점수를 추가하는 방법

Question

총 10개의 질문이 있는데 각 질문에는 4가지 옵션과 다른 점수가 있습니다. 결국에는 다른 점수에 따라 다른 결과가 나오지만 다음은 어떻게 구현해야 할지 모르겠습니다. 내 코드

으아악

Answer 1

작업을 완료하지 않고 계산하는 것과 유사합니다(예: 설문지 제출을 클릭하면 완료된 작업이며 이때 총점을 계산할 수 있습니다). Vue를 사용하고, 계산된 속성을 사용하면 매우 아름답습니다~

따라서 위의 클릭 이벤트를 변경해야 합니다. (코드는 아직 확인되지 않았지만 아이디어는 그렇습니다)

으아악

Answer 2

클릭할 때 옵션이 변경되었는지 확인하기 위해 식별자를 추가해야 합니다. 그렇지 않으면 질문을 하는 사람이 abcd 사이를 계속 전환하게 되어 결과가 누적되어 최종 출력 결과는 다음을 기반으로 해야 합니다. 각 점수 세그먼트 - 원하는 경우 Switch나 다양한 요소를 사용하세요