로컬 파일 UI 테스트

src/js/08-chat.js

@@ -60,9 +60,8 @@
   `
 
   // 네트워크 상태 확인 및 버튼 제어
-  function toggleChatButton () {
-    console.log(navigator.onLine)
-    if (!navigator.onLine) {
+  function checkIfLocalFile () {
+    if (window.location.protocol === 'file:') {
       chatButton.style.display = 'none' // 오프라인 상태면 chatButton 숨김
     } else {
       chatButton.style.display = 'flex' // 온라인 상태면 chatButton 보이게 함
@@ -70,11 +69,7 @@
   }
 
   // 초기 상태 설정
-  toggleChatButton()
-
-  // 네트워크 상태 변경 이벤트 리스너
-  window.addEventListener('online', toggleChatButton)
-  window.addEventListener('offline', toggleChatButton)
+  checkIfLocalFile()
 
   chatButton.addEventListener('click', () => {
     chat.classList.toggle('show')