[JS] ทำ JavaScript Template แบบง่ายๆ

ฝั่ง HTML
<script type="text/template" id="demo__tab">
    <li>
        <a href="#">{{some_valiable}}</a>
    </li>
</script>

ฝั่ง JavaScript
<script type="text/javascript">
    var replace_text = 'some word.';
    var html = document.getElementById('demo__tab');
    html = html.replace(/{{some_valiable}}/g, replace_text);
</script>

ตัว Template ให้อยู่ภายใน Tag script ที่มี type เป็น text/template สำหรับ format ที่ใช้ในตัวอย่างนี้จะใช้เป็น {{ และ }} ครอบเอาไว้ จากนั้นพอมาถึงตัว JavaScript ก็จะใช้ REGex แทนที่ String นั้นๆ เข้าไป

Ref.
- ไอเดียจาก นายหนุ่ย ณ ปลาทูฟิวชั่นนะครัช