Code Ready | Frontend

✅ Генерируем случайную цитату



Эта штука будет отображать случайную цитату при каждом обновлении страницы. В этом коде при каждом нажатии на кнопку "Новая цитата" будет загружаться случайная цитата с использованием открытого API "Quotable".

<div class="random-quote">

    <p id="quoteDisplay"></p>

    <button onclick="fetchRandomQuote()">Новая цитата</button>

</div>

async function fetchRandomQuote() {

    const response = await fetch('https://api.quotable.io/random');

    const data = await response.json();

    const quote = `${data.content} - ${data.author}`;

    document.getElementById('quoteDisplay').textContent = quote;

}

// Загружаем случайную цитату при загрузке страницы

window.onload = fetchRandomQuote;

@code_ready | #обучение #js