minor

src/app/arena/arena.component.html

 <div class="container">
   <div class="card" id="ps">
-    <h3 [innerHTML]="question.title"></h3>
-    <div [innerHTML]="question.statement"></div>
+    <h3 [innerHtml]="title"></h3>
+    <div id="p_s"></div>
   </div>
   <div id="toggle-lang">C++</div>
   <div id="attempt">

src/app/arena/arena.component.ts

@@ -73,7 +73,6 @@ export class ArenaComponent implements OnInit {
     const extensions = ['.cpp', '.py', '.java'];
     const langsMime = ['text/x-c++src', 'text/x-python', 'text/x-java'];
 
-    const question = this.question;
     const code: string[] = [`#include <iostream>
   using namespace std;
   
@@ -128,7 +127,8 @@ export class ArenaComponent implements OnInit {
   getQuestion(): void {
     this.questionService.getQues()
       .subscribe(questions => {
-        this.question = questions.find(i => i.title === this.title)
+        this.question = questions.find(i => i.title === this.title);
+        document.getElementById("p_s").innerHTML=this.question.statement;
       });
   }