save file

Author: javascript-2020

html/chat-room/chat-room.html

@@ -174,6 +174,7 @@
 
                     let nn              = 'chat-room-'+key;
                     let ntab            = tab.cloneNode(true);
+                    ntab.id             = key;
                     ntab.textContent    = key;
                     ntab.onclick        = e=>show(nn);
                     tabs.append(ntab);
@@ -199,18 +200,32 @@
         }//initdom
 
 
-        function show(nn){
+        function show(id,nn){
 
+              tabs.childNodes.forEach(node=>{
+              
+                    if(node.nodeType!==Node.ELEMENT_NODE)return;
+                    
+                    if(node.id===id){
+                          node.classList.add('active');
+                          node.classList.remove('inactive');
+                    }else{
+                          node.classList.remove('active');
+                          node.classList.add('inactive');
+                    }
+                    
+              });
+              
               view.childNodes.forEach(node=>{
 
-                      if(node.nodeType!==Node.ELEMENT_NODE)return;
-                      
-                      var d   = 'none';
-                      if(node.nodeName.toLowerCase()===nn){
-                            d   = '';
-                      }
-                      node.style.display    = d;
-                      
+                    if(node.nodeType!==Node.ELEMENT_NODE)return;
+                    
+                    var d   = 'none';
+                    if(node.nodeName.toLowerCase()===nn){
+                          d   = '';
+                    }
+                    node.style.display    = d;
+                    
               });
 
         }//show