Render Variables in es5

variables-with-es5.js

function render(html, variables) {
  let htmlData = html;

  Object.getOwnPropertyNames(variables).forEach((prop) => {
    htmlData = htmlData.replace("$" + prop, variables[prop]);
  });

  return htmlData;
}

var variables = {
  title: "The Last Dance",
  price: "45$"
};

var pieceOfDom = "<div>The movie title is: $title and the price is: $price</div>";

console.log(render(pieceOfDom, variables));