calirails
@calirails

Как изменить содержимое по клику?

Добрый вечер, коллеги. Не силен в JS, поэтому задаю нубский вопрос.

В сайдбаре есть блок, в котором выводятся произвольные цитаты с сайта forismatic.com
d629e432c5ab403d9ed666068a4a1a77.png

Вот код, который отвечает за вывод цитаты:

<script type="text/javascript">
function parseQuote(response) {
    document.getElementById("quote").innerHTML = response.quoteText;
    document.getElementById("author").innerHTML = response.quoteAuthor;
}
</script>

<div class="rocketquote" onclick="parseQuote(response)">
 
        <p id="quote"></p><br>
        <p style="font-style: normal" id="author"></p>

</div>
            
<script type="text/javascript" src="https://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&jsonp=parseQuote"></script>


Цитата обновляется каждый раз при обновлении страницы.

Как сделать, чтобы содержимое (цитата, автор) подгружались по клику на саму цитату?

Гуглил по fetch, xhr – не вкурил, прошу прощения.

Помогите, люди добрые.
  • Вопрос задан
  • 136 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
lazalu68
@lazalu68
Salmon
Первая попавшаяся ссылку в гугле - https://codepen.io/dting/pen/PqrZgb
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы