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(pseudo, heure, message, avatarUrl) {
  var monTemplate = '<div class="tweet">'
    + '<img src="<%= avatarUrl %>" style="float:left;">'
    + '<p><%= pseudo %> - <%= heure %></p>'
    + '<p><%= message %></p>'
    + '</div>';
  return _.template(monTemplate, {
    pseudo: pseudo,
    heure: heure,
    message: message,
    avatarUrl: avatarUrl
  });
}

var html = rendreTweet('PaulRichardet', '4h', 'La faute Ă  la TVA...', 'http://photo.jpg');
document.body.innerHTML = html;