# پروژه اولیه
پروژه اولیه را از
[این لینک](/contest/assignments/35057/download_problem_initial_project/122699/)
دانلود کنید.
<details class="green">
<summary>
ساختار فایلهای این پروژه به این صورت است
</summary>
```
markdown_table
├── index.html
├── styles.css
└── scripts.js
```
</details>
<details class="brown">
<summary>
راه اندازی پروژه
</summary>
+ ابتدا پروژهی اولیه را دانلود و از حالت فشرده خارج کنید.
+ سپس فایل `index.html` را در مرورگر خود باز کنید.
</details>
# جزئیات
ظاهر کلی برنامه بدین صورت است:
![gif-detail](https://quera.ir/qbox/view/Dc3d9sWHgu/mark.gif)
کوئرا به تازگی تصمیم گرفته است به جای استفاده از سرویس های هاستینگ مخزن خارجی همچون گیت هاب از یک نسخه درون سازمانی استفاده کند که طراحی آن کار بسیاری پر چالشی است، اما در گام اول آن ها تصمیم گرفته اند که یک تجزیه گر مارکداون طراحی کنند، هر چند مارکداون ها قواعد زیادی دارند اما سرپرست تیم برنامه نویسی کوئرا تصمیم گرفته است که بخش تجزیه گر مربوط به جدول را به شما واگذار کند.
هر سطر در جدول مارکداون به این صورت نمایش داده می شود که البته از فاصله های اضافی در سمت چپ و راست متن ستون صرف نظر می شود
```
| title 1 | title 2 | title 3|
```
اگر به جای متن از تعداد 3 یا بیشتر کاراکتر `-` استفاده شود موجب این می شود که سطر قبلی به صورت سرتیتر در بیاید همچنین این نکته قابل ذکر است که محدودیتی روی تعداد سطرهایی که میتوانند سرتیتر باشند وجود ندارد
```
| title 1 | title 2 | title 3|
|--- | -------| -----------------|
```
حال از شما خواسته شده برنامه را به نحوی تکمیل کنید که با فشردن بر روی دکمه `CONVERT TO HTML` ورودی مارکداون از `textarea#markdown` خوانده شده و جدول نهایی درون `div#table` رندر شود.
### ورودی نمونه 1
```
| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |
```
### خروجی نمونه 1
```html
<table>
<tbody>
<tr>
<th>Syntax</th>
<th>Description</th>
</tr>
<tr>
<td>Header</td>
<td>Title</td>
</tr>
<tr>
<td>Paragraph</td>
<td>Text</td>
</tr>
</tbody>
</table>
```
# نکات
+ شما تنها مجاز به اعمال تغییرات در فایل ```script.js``` هستید.