style: show selected region

Author: vanaigr

index.html

@@ -44,6 +44,10 @@
 }
 .region {
     padding: 0.5rem;
+    transition: color 0.2s;
+}
+.region-selected {
+    color: #2060ae;
 }
         </style>
     </head>

index.ts

@@ -49,6 +49,10 @@ function fillRegions(filter: string | null) {
         el.append(document.createTextNode(reg.region.data.name))
         el.classList.add('region')
         el.onclick = () => {
+            for(const other of document.querySelectorAll('.region-selected')) {
+                other.classList.remove('region-selected')
+            }
+            el.classList.add('region-selected')
             showRegion(reg.key, reg.region)
         }
         regionsEl.append(el)