const categorySelect = document.getElementById('categorySelect'); const randomBtn = document.getElementById('randomBtn'); const quoteTextEl = document.getElementById('quoteText'); const quoteAuthor = document.getElementById('quoteAuthor'); const quoteMeta = document.getElementById('quoteMeta'); const copyBtn = document.getElementById('copyBtn'); const shareBtn = document.getElementById('shareBtn'); const copyMsgSpan = document.getElementById('copyMsg');
const filteredQuotes = category === 'All' ? florenskyQuotes : florenskyQuotes.filter(q => q.category === category); pavel florensky quotes
const categories = ['All', ...new Set(florenskyQuotes.map(q => q.category))]; const categorySelect = document
<div style=styles.filterBar> <label>Category: </label> <select value=category onChange=(e) => setCategory(e.target.value) style=styles.select> categories.map(cat => ( <option key=cat value=cat>cat</option> )) </select> <button onClick=getRandomQuote style=styles.randomButton>✨ Random Quote</button> </div> const randomBtn = document.getElementById('randomBtn')
function populateCategories() const categories = getUniqueCategories(); categorySelect.innerHTML = ''; categories.forEach(cat => const option = document.createElement('option'); option.value = cat; option.textContent = cat; if (cat === currentCategory) option.selected = true; categorySelect.appendChild(option); );