پروژه اولیه

پروژه اولیه را از این لینک دانلود کنید.

markdown_table
    ├── index.html
    ├── styles.css
    └── scripts.js

جزئیات

ظاهر کلی برنامه بدین صورت است: کوئرا به تازگی تصمیم گرفته است به جای استفاده از سرویس های هاستینگ مخزن خارجی همچون گیت هاب از یک نسخه درون سازمانی استفاده کند که طراحی آن کار بسیاری پر چالشی است، اما در گام اول آن ها تصمیم گرفته اند که یک تجزیه گر مارکداون طراحی کنند، هر چند مارکداون ها قواعد زیادی دارند اما سرپرست تیم برنامه نویسی کوئرا تصمیم گرفته است که بخش تجزیه گر مربوط به جدول را به شما واگذار کند.

هر سطر در جدول مارکداون به این صورت نمایش داده می شود که البته از فاصله های اضافی در سمت چپ و راست متن ستون صرف نظر می شود

| 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

<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 هستید.