Я не понимаю, как выполнить одно задание по JS на GitHub. Что делать?

Question

[Teclador1]

Суть задачи такова:

Вы попробуете поработать с незнакомым API, а именно GitHub API.
Создайте страницу с полем ввода и кнопкой “Получить”.
В поле ввода пользователь может ввести логин любого пользователя на GitHub и после нажатия кнопки “Получить” загрузить список всех репозиториев, владельцем которых является этот пользователь.

Метод для данного запроса вам необходимо самостоятельно найти в документации API: https://docs.github.com/en/rest

Вывести списком необходимо именно полное название репозитория и больше ничего. Также каждый элемент списка должен быть ссылкой, который будет ввести на страницу этого репозитория на GitHub. Вся необходимая информация для этого приходит с сервера.

При новом запросе необходимо очищать список от старых результатов поиска.

Я сверстал форму для ввода имени пользователя, покодил немного на JS а мне должно выдать список всех репозиторий (ссылками на них же). Тут у меня не получается.

Не подскажете, как быть?

Ссылка на CodePen: https://codepen.io/teclador1/pen/WNLRPwd

Comments

[Teclador1]

Я учусь сейчас на онлан-курсах "Бруноям". И должен к стыду своему признаться, что сейчас ищу способ (пускай готовое домашнее задание) у людей извне – я пытался своими силами решить, но безуспешно. Похоже, я сейчас на "Скале смятения" или же в "Пустыне отчаяния".

[VoidVolker]

Teclador1 наличие кода обязательно - для этого есть JSFiddle, CodePen и соответствующий тэг. Что конкретно у вас не получается? В документации есть полностью рабочие примеры, которые надо только скопипастить.

[VoidVolker]

Teclador1 берете бумажку и карандаш. И полностью расписываете всю нужную логику до самых простых элементов. Например: "надо подняться на этаж". Какой дом? Какой подъезд? Какой этаж? Лифт? Как им воспользоваться? Ступеньки? Вестибюль? Как открыть дверь? Как, какие и в какой последовательности кнопки нажать в лифте? И т.п.

[Сергей Соловьев]

VoidVolker, слишком сложно для вкатунов)

[VoidVolker]

Teclador1 в сам вопрос добавьте её.

[Teclador1]

VoidVolker, добавил.

Answer 1

[Сергей Соловьев]

1. Делаешь запрос на https://api.github.com/users/USERNAME/repos. Вместо USERNAME вставляешь имя пользователя
2. Получаешь ответ и парсишь его - эти массив объектов репозиториев. У каждого объекта есть поля:
- full_name - название репозитория
- url - ссылка на него
3. Из этого массива создаешь список ссылок
4. Добавляешь этот список на страницу (DOM)

Comments

[Rsa97]

Токен не нужен, открытый список репозиториев и так отдаёт.

[Сергей Соловьев]

Rsa97, исправил, спасибо

[Teclador1]

AshBlade, как это дело парсить? Приведите пример кода, пожалуйста.

[Сергей Соловьев]

Teclador1, JSON.Parse

[Максим Федоров]

если взять http клиент, то он может отдавать сразу нужный тип, особенно если использовать TS