Update frontend

lehuutrung1412 · Jul 20, 2021 · 14bbc40 · 14bbc40
1 parent f8ece7b
commit 14bbc40
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/static/js/script.js b/app/static/js/script.js
@@ -1,10 +1,13 @@
 const question_input = document.getElementsByClassName("question-input")[0];
 const answer = document.getElementsByClassName("ans")[0];
 const textans = document.getElementsByClassName("textans")[0];
+const answer_ = document.getElementsByClassName("answer")[0];
 
 question_input.addEventListener("keyup", function(event) {
     if (event.key === "Enter") {
         console.log(question_input.value);
+        answer_.style.visibility = "hidden";
+        textans.style.visibility = "hidden";
         if (question_input.value === ''){
             alert('Vui lòng nhập câu hỏi!');
         }
@@ -36,6 +39,8 @@ function upload(){
                 text = text.slice(0, start) + "<strong>" + text.slice(start, end) + "</strong>" + text.slice(end, text.lenght);
                 answer.value = ans;
                 textans.innerHTML = text;
+                answer_.style.visibility = "visible";
+                textans.style.visibility = "visible";
             }
             else{
                 console.log('No response');

diff --git a/app/templates/index.html b/app/templates/index.html
@@ -22,12 +22,12 @@ <h6 >Based on Bert</h6>
                 <span class="input-group-text" id="inputGroup-sizing-default">Question</span>
                 <input type="text" class="question-input form-control" placeholder='Who is the founder of Google?' aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
             </div>
-            <div class="answer input-group mb-3">
+            <div class="answer input-group mb-3" style="visibility: hidden;">
                 <span class="input-group-text" id="inputGroup-sizing-default">Answer</span>
                 <input type="text" readonly class="ans form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
             </div>
             <div class="form-group">
-                <p class="textans form-control" readonly id="exampleFormControlTextarea1" rows="3"></p>
+                <p class="textans form-control" style="visibility: hidden;" readonly id="exampleFormControlTextarea1" rows="3"></p>
             </div>
         </main>
         <footer>