/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab6/task1/script.js
37 строк
1 KB
Coderdev
1
30 мар 2026, 18:31
30 мар 2026, 18:31
020a8dd
Код
Авторство
О чём код?
"use strict"; const CAT_API_KEY = "live_nRmpY7QLucS6wl77TcbkUPOvtNOjV3mJmDBuhYDKZOLPjqS4tniZ2MwHWwjSnGgL"; const loadBtn = document.getElementById("loadBtn"); const statusEl = document.getElementById("status"); const catImage = document.getElementById("catImage"); loadBtn.addEventListener("click", loadCat); async function loadCat() { statusEl.textContent = "Загрузка изображения..."; catImage.hidden = true; try { const response = await fetch("https://api.thecatapi.com/v1/images/search", { headers: { "x-api-key": CAT_API_KEY } }); if (!response.ok) { throw new Error("HTTP " + response.status); } const data = await response.json(); if (!Array.isArray(data) || !data[0] || !data[0].url) { throw new Error("Некорректный ответ API"); } catImage.src = data[0].url; catImage.hidden = false; statusEl.textContent = "Готово!"; } catch (error) { statusEl.textContent = "Не удалось загрузить картинку"; } }