From 7aafbefc2b18294153ccbfa922693bb4f7d07b49 Mon Sep 17 00:00:00 2001
From: omaranBazna <omran4d@gmail.com>
Date: Tue, 7 Jun 2022 21:59:52 -0400
Subject: [PATCH] hide the search bar when the user don't do anything for ten
 seconds

---
 hidden-search/script.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/hidden-search/script.js b/hidden-search/script.js
index e8eb0d0..6399505 100644
--- a/hidden-search/script.js
+++ b/hidden-search/script.js
@@ -1,8 +1,20 @@
 const search = document.querySelector('.search')
 const btn = document.querySelector('.btn')
 const input = document.querySelector('.input')
-
+const time_limit=10000;
+let active=false;
 btn.addEventListener('click', () => {
     search.classList.toggle('active')
     input.focus()
+    active =!active
+    if(active){
+   var time_out= setTimeout(()=>{
+        search.classList.toggle('active')
+    },time_limit)
+}
+})
+input.addEventListener('change',()=>{
+    active=true;
+    
+    clearTimeout(time_out);
 })
\ No newline at end of file