Показаны различия между двумя версиями страницы.
| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия | ||
| sidebar [2025/06/25 16:10] – super | sidebar [2025/07/14 09:47] (текущий) – удалено super | ||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| - | < | ||
| - | < | ||
| - | .motd { | ||
| - | font-size: 1.3em; | ||
| - | font-size: 0.9em; | ||
| - | color: #333; | ||
| - | margin: 20px auto; | ||
| - | padding: 20px; | ||
| - | border: 1px solid #ddd; | ||
| - | border-radius: | ||
| - | background-color: | ||
| - | max-width: 600px; | ||
| - | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| - | } | ||
| - | .author { | ||
| - | font-style: italic; | ||
| - | color: #666; | ||
| - | margin-top: 10px; | ||
| - | } | ||
| - | .refresh-btn { | ||
| - | margin-top: 20px; | ||
| - | padding: 10px 20px; | ||
| - | background-color: | ||
| - | color: white; | ||
| - | border: none; | ||
| - | border-radius: | ||
| - | cursor: pointer; | ||
| - | font-size: 1em; | ||
| - | } | ||
| - | .refresh-btn: | ||
| - | background-color: | ||
| - | } | ||
| - | </ | ||
| - | <div class=" | ||
| - | <div id=" | ||
| - | <div class=" | ||
| - | </ | ||
| - | < | ||
| - | |||
| - | < | ||
| - | const quoteElement = document.getElementById(' | ||
| - | const authorElement = document.getElementById(' | ||
| - | // const refreshBtn = document.getElementById(' | ||
| - | |||
| - | // Загрузка цитаты из API | ||
| - | async function fetchQuote() { | ||
| - | try { | ||
| - | const response = await fetch(' | ||
| - | if (!response.ok) { | ||
| - | throw new Error(' | ||
| - | } | ||
| - | const data = await response.json(); | ||
| - | quoteElement.textContent = `" | ||
| - | authorElement.textContent = `— ${data.quoteAuthor}`; | ||
| - | } catch (error) { | ||
| - | quoteElement.textContent = "Не удалось загрузить цитату. Попробуйте позже."; | ||
| - | authorElement.textContent = ""; | ||
| - | console.error(" | ||
| - | } | ||
| - | } | ||
| - | |||
| - | // Загружаем цитату при загрузке страницы | ||
| - | fetchQuote(); | ||
| - | |||
| - | // Обновляем по кнопке | ||
| - | // | ||
| - | </ | ||
| - | |||
| - | </ | ||