**مهارت‌های لازم:**
+ آشنایی با `JavaScript`
---
در این سوال از شما می‌خواهیم با تغییر فایل `main.js` در پوشۀ پروژه، کدی بنویسید تا اگر بر روی دکمۀ `Hello, friend!` کلیک شد، عبارت `Hello, Code-Star!` به جای `...` نمایش داده شود.
همچنین با هر بار کلیک بر روی دکمۀ `Change Color` به ترتیب رنگ‌های `#f02e08` و `#0e38a1` به صورت چرخشی به عنوان رنگ پس‌زمینه تعیین شود. به عنوان مثال پس از سه بار کلیک بر روی دکمۀ `Change Color`، رنگ پس‌زمینه به نارنجی تغییر می‌کند.
می‌توانید خروجی نمونه را در این تصویر مشاهده کنید:
# پروژه اولیه
پروژه اولیه را از [این لینک](https://quera.ir/contest/assignments/28171/download_problem_initial_project/94215) دانلود کنید.
<details class="blue">
<summary>ساختار فایل‌های این پروژه به این صورت است</summary>
```
initialProject04.zip
├── index.html
├── main.css
└── main.js
```
</details>
<details class="pink">
<summary>راه اندازی پروژه</summary>
+ ابتدا پروژه‌ی اولیه را دانلود و از حالت فشرده خارج کنید.
+ سپس فایل `index.html` را در مرورگر خود باز کنید.
</details>