Delete script.js
This commit is contained in:
parent
b75e46f4ca
commit
5f7b9c3760
88
script.js
88
script.js
@ -1,88 +0,0 @@
|
|||||||
document.addEventListener('DOMContentLoaded', async () => {
|
|
||||||
const faqList = document.getElementById('faq-list');
|
|
||||||
const searchInput = document.getElementById('search-input');
|
|
||||||
|
|
||||||
faqList.innerHTML = '<p class="loading">Загрузка...</p>';
|
|
||||||
|
|
||||||
let faqs = [];
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch('http://backend.lc:8000/api/faq');
|
|
||||||
faqs = await response.json();
|
|
||||||
|
|
||||||
faqList.innerHTML = '';
|
|
||||||
|
|
||||||
if (faqs.length === 0) {
|
|
||||||
faqList.innerHTML = '<p>Пока нет вопросов.</p>';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Функция для отображения вопросов
|
|
||||||
function renderFaqs(filteredFaqs) {
|
|
||||||
faqList.innerHTML = '';
|
|
||||||
filteredFaqs.forEach(faq => {
|
|
||||||
const item = document.createElement('div');
|
|
||||||
item.className = 'faq-item';
|
|
||||||
|
|
||||||
// Кнопка +/−
|
|
||||||
const button = document.createElement('button');
|
|
||||||
button.textContent = '+';
|
|
||||||
button.style.cssText = `
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
font-size: 20px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-left: 10px;
|
|
||||||
transition: transform 0.2s;
|
|
||||||
`;
|
|
||||||
button.onclick = () => {
|
|
||||||
const answer = item.querySelector('.faq-answer');
|
|
||||||
if (answer.style.display === 'block') {
|
|
||||||
answer.style.display = 'none';
|
|
||||||
button.textContent = '+';
|
|
||||||
} else {
|
|
||||||
answer.style.display = 'block';
|
|
||||||
button.textContent = '−';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Вопрос
|
|
||||||
const questionEl = document.createElement('div');
|
|
||||||
questionEl.className = 'faq-question';
|
|
||||||
questionEl.textContent = faq.question;
|
|
||||||
questionEl.appendChild(button);
|
|
||||||
|
|
||||||
// Ответ
|
|
||||||
const answerEl = document.createElement('div');
|
|
||||||
answerEl.className = 'faq-answer';
|
|
||||||
answerEl.style.display = 'none';
|
|
||||||
answerEl.textContent = faq.answer;
|
|
||||||
|
|
||||||
item.appendChild(questionEl);
|
|
||||||
item.appendChild(answerEl);
|
|
||||||
faqList.appendChild(item);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Показать все при старте
|
|
||||||
renderFaqs(faqs);
|
|
||||||
|
|
||||||
// Поиск по вопросам
|
|
||||||
searchInput.addEventListener('input', () => {
|
|
||||||
const query = searchInput.value.toLowerCase().trim();
|
|
||||||
if (query === '') {
|
|
||||||
renderFaqs(faqs); // Показать все
|
|
||||||
} else {
|
|
||||||
const filtered = faqs.filter(faq =>
|
|
||||||
faq.question.toLowerCase().includes(query)
|
|
||||||
);
|
|
||||||
renderFaqs(filtered);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
} catch (err) {
|
|
||||||
faqList.innerHTML = `<p style="color: red;">Ошибка загрузки: ${err.message}</p>`;
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue
Block a user