РоботыЧто умеет нейросеть: ChatGPT починил нам сайт и объяснил код

В воскресенье я узнаю, что на нашем сайте не работают формы:

Это поп-ап, через которую мы получаем клиентов, и в нём не отображается форма, чтобы вписать свой телефон. Сначала я подумал, что кто-то из сотрудников влез в код и сломал его, а потом увидел, что со всеми формами на сайте такая проблема, а значит, она системная.

Кусок кода, который мы используем для этого попапа, это публичный код, который используют многие. И он сломан на всех сайтах, которые его используют, не только у нас.

Сначала искали проблему в Тильде

Поскольку это воскресенье, было неудобно дергать сотрудников. Зато удобно — поддержку Тильды, только это не помогло.

Все наши сайты работают на Тильде, но мы не используем готовые шаблоны, а работаем со своим дизайном, поэтому сами пишем код. Когда я написал в поддержку, они ответили:

— Мы не отвечаем за кастомный код.

Пришлось разбираться без них.

Пробовали разобраться в коде

Я открыл код сайта и понял, что не смогу сам найти ошибку. Но я нашел кусок кода, который инициирует открытие форм на сайте. А поскольку я часто балуюсь с искусственным интеллектом, я взял этот кусок кода и вставил его в ChatGPT, чтобы он мне объяснил, что значит этот кусок, и он объяснил:

Я начал уточнять детали:

Надеюсь, эту статью не будут читать разработчики.

Спустя несколько итераций, я узнал, где в коде появилась проблема:

Теперь нужно было ее решить, и в этом тоже помог ChatGPT.

Написали новые куски кода

Я сделал тестовую страницу, на которой можно проводить эксперименты. Увидел, что проблема появляется, если на странице работает два поп-апа, тогда один из них не открывается. Если он один, то проблем нет, форма отображается правильно.

Теперь я мог задать вопрос чату «Есть вот такой код, с ним такая-то проблема. Исправь этот код»

Чат меня понял не сразу, пришлось пробовать еще. И оказалось, что нужно изменить одно слово в запросе:

Я повторял этот запрос несколько раз, каждый раз Чат выдавал мне куски кода, я тестировал, потом уточнял запрос, сообщал об ошибках.

Выглядело это как-то так:

Всё это заняло у меня около двух часов, и в итоге я получил код, который поставил на сайт, и всё заработало. Осталась одна мелочь:

Теперь всё, как надо:

Если бы эту статью писал ChatGPT, она бы выглядела так: