找不到相關內容

請嘗試不同的關鍵字。

`; queryContainer.appendChild(noResultsEl); // Update initial total count const articles = queryContainer.querySelectorAll('article'); const totalArticles = articles.length; const totalCountEl = document.getElementById('archive-total-count'); if (totalCountEl) { totalCountEl.textContent = `${totalArticles} 筆資料`; } filterInput.addEventListener('input', function(e) { const term = e.target.value; let visibleCount = 0; // 動態調整清除按鈕位置 if (filterClear && filterMeasure) { if (term !== '') { filterMeasure.textContent = term; const textWidth = filterMeasure.getBoundingClientRect().width; const maxLeft = filterInput.offsetWidth - 120; filterClear.style.left = `${Math.min(textWidth + 8, maxLeft)}px`; filterClear.classList.remove('hidden'); } else { filterClear.classList.add('hidden'); } } const termLower = term.toLowerCase().trim(); const keywords = termLower.split(/\s+/).filter(k => k.length > 0); articles.forEach(article => { const titleEl = article.querySelector('h2'); if (!titleEl) return; const titleText = titleEl.textContent.toLowerCase(); const matches = keywords.length === 0 || keywords.every(kw => titleText.includes(kw)); if (matches) { article.style.display = ''; visibleCount++; } else { article.style.display = 'none'; } }); // Update count tag if (termLower === '') { filterCount.textContent = '全部資料'; filterCount.className = 'text-xs font-semibold text-slate-400 bg-slate-50 px-2 py-1 rounded-md'; } else { filterCount.textContent = `找到 ${visibleCount} 項結果`; filterCount.className = 'text-xs font-semibold text-white bg-primary px-2 py-1 rounded-md'; } // Toggle no results if (visibleCount === 0 && totalArticles > 0) { noResultsEl.classList.remove('hidden'); } else { noResultsEl.classList.add('hidden'); } }); // Handle clear button click if (filterClear && filterInput) { filterClear.addEventListener('click', function() { filterInput.value = ''; filterInput.dispatchEvent(new Event('input')); filterInput.focus(); }); } });