Simple Underscore Template

by Adrien Joly

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>

JavaScript

function rendreTweet(pPseudo, pHeure, pMessage, pAvatarUrl) {
  var monTemplate = '<div class="tweet">'
    + '<img src="<%= avatarUrl %>" style="float:left;">'
    + '<p><%= pseudo %> - <%= heure %></p>'
    + '<p><%= message %></p>'
    + '</div>';
  return _.template(monTemplate, {
    pseudo: pPseudo,
    heure: pHeure,
    message: pMessage,
    avatarUrl: pAvatarUrl
  });
}

var html = rendreTweet('PaulRichardet', '4h', 'La faute Ă  la TVA...', 'https://pbs.twimg.com/profile_images/1161198139/48985_684036803_6186768_n_bigger.jpg');
document.body.innerHTML = html;