diff --git a/src/app/components/quizz/quizz.component.css b/src/app/components/quizz/quizz.component.css index 79c7ded..4b06536 100644 --- a/src/app/components/quizz/quizz.component.css +++ b/src/app/components/quizz/quizz.component.css @@ -62,10 +62,10 @@ top:1px; } -.quizz_results{ +.quizz_results_A{ width: 100%; height: 350px; - background-color: #1F0539; + background-color: red; border-radius: 10px; padding: 30px; display: flex; @@ -73,3 +73,15 @@ justify-content: center; align-items: center; } + +.quizz_results_B { + width: 100%; + height: 350px; + background-color: blue; + border-radius: 10px; + padding: 30px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} \ No newline at end of file diff --git a/src/app/components/quizz/quizz.component.html b/src/app/components/quizz/quizz.component.html index 774ca25..3fbafe5 100644 --- a/src/app/components/quizz/quizz.component.html +++ b/src/app/components/quizz/quizz.component.html @@ -21,8 +21,15 @@

{{questionSelected.question}}

-
-

O Seu resultado é:

-

{{answerSelected}}

+
+
+

O Seu resultado é:

+

{{answerSelected}}

+
+ + +

O Seu resultado é:

+

{{answerSelected}}

+
diff --git a/src/app/components/quizz/quizz.component.ts b/src/app/components/quizz/quizz.component.ts index d51ab39..5d89f9d 100644 --- a/src/app/components/quizz/quizz.component.ts +++ b/src/app/components/quizz/quizz.component.ts @@ -22,6 +22,8 @@ export class QuizzComponent implements OnInit { finished:boolean = false + optionAorB = "" + constructor() { } ngOnInit(): void { @@ -57,6 +59,7 @@ export class QuizzComponent implements OnInit { this.finished = true this.answerSelected = quizz_questions.results[finalAnswer as keyof typeof quizz_questions.results ] } + console.log(this.answerSelected); } async checkResult(anwsers:string[]){ @@ -72,6 +75,10 @@ export class QuizzComponent implements OnInit { } }) + this.optionAorB = result + + console.log(result); + return result }