У index.html файле есть две кнопки: #left и #right.
При нажатии на кнопку #left элемент .box должен поворачиваться на 30 градусов против часовой стрелке.
При нажатии на кнопку #right элемент .box должен поворачиваться на 30 градусов по часовой стрелке.
Стили трансформации добавляй с помощью атрибута style.
Изначально атрибута style быть не должно.
Скрипты используй внутренние.

Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Rotate</title>
    <style>
        body {
            height: 100vh;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .box {
            width: 200px;
            height: 200px;
            background-color: #9CFC97;
            position: relative;
        }
        button {
            margin: 20px;
        }
    </style>
  </head>
  <body>
    <button class="rotate-left">-30 deg</button>
    <div class="box"></div>
    <button class="rotate-right">+30 deg</button>
  </body>
</html>