# Урок №4: Генерация кода с помощью Claude. Часть 3

В этом уроке мы исследуем возможность программирования с помощью GPT, например, написания кода для игры "Камень, Ножницы, Бумага" в JavaScript и его интеграции в приложение на React.

**Генерация кода на JavaScript**

Для начала попросим ChatGPT создать код игры "Камень, Ножницы, Бумага" на JavaScript.

Пример запроса: "Напиши код игры 'Камень, Ножницы, Бумага' на JavaScript."

ChatGPT сгенерирует код, который может выглядеть примерно так:

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/5lbyr9Nok3uDBALGC5i9/0.png)

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/qUTPaeV8vALEXyqcQ4ci/1.png)

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/ffJzHxGigdMxKJzM1LRn/2.png)

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

Копируем функцию из сгенерированного кода, открываем консоль нажатием F12 и вставляем её в туда:

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/0S6PlpqEFGmKEaf4Yp2P/3.png)

Теперь вызываем функцию и получаем диалоговое окно выбора варианта: камень, ножницы или бумага.

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/KG6nMCfNhQ7wDj9qXcXg/4.png)

Как только мы убедились, что функция работает. Теперь рассмотрим, можем ли мы получить ничью или проигрыш.

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/mrFhvoM4gYQ6y0eT35nY/5.png)

Ножницы победили:)

**Понимание сгенерированного кода**

Если есть некоторые части кода или термины, которые вы не понимаете, можете спросить у ChatGPT, и он объяснит их.

Пример вопроса: "ChatGPT, как работает функция сравнения в сгенерированном коде игры?"

Ответ может быть таким: 

<figure><img src="https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/RqYJhWXNKvDzgh3SP69x/6.png" alt=""><figcaption></figcaption></figure>

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/FYfrpXOufrWOBZwS0WuD/7.png)

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/38DeB19zsWq7SPkkNwFo/8.png)

**Практическое задание**

**Задача:** Попробуйте с помощью ChatGPT написать игру “Крестики-нолики” на JavaScript.

**Инструкция:**

1. Попросите ChatGPT написать код для игры “Крестики-нолики” на JavaScript.
2. Скопируйте полученный код в html файл.
3. Откройте его в браузере и попробуйте поиграть!

**Пример:**

1. Запрос: “Напиши код для игры “Крестики-нолики” на JavaScript.”
2. Ответ:&#x20;

   <figure><img src="https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/KETMebuwaJ2FzbdJC8UC/9.png" alt=""><figcaption></figcaption></figure>
3. Вставьте этот код в html файл:&#x20;

   <figure><img src="https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/lnEuL21fWj1XrnryAsVq/10.png" alt=""><figcaption></figcaption></figure>
4. Откройте его в браузере:

![](https://content.gitbook.com/content/wImEff4lsN1NRsCNByAQ/blobs/zMmeK7MnGYcRmaN7kGaK/11.png)

**Заключение**

В завершение урока, можно сказать, что с помощью ChatGPT можно воплощать свои идеи в жизнь, создавать новые проекты и улучшать уже существующие. Это может быть полезным инструментом для всех, кто изучает программирование, вне зависимости от уровня знаний.