index.html

<!doctype>
<link rel="stylesheet" href="stylesheets/main.css" />
<script type="text/javascript">
  var equationNames = [
  "easeInCubic",
  "easeOutCubic",
  "easeInOutCubic",

  "easeInCirc",
  "easeOutCirc",
  "easeInOutCirc",

  "easeInExpo",
  "easeOutExpo",
  "easeInOutExpo",

  "easeInQuad",
  "easeOutQuad",
  "easeInOutQuad",

  "easeInQuart",
  "easeOutQuart",
  "easeInOutQuart",

  "easeInQuint",
  "easeOutQuint",
  "easeInOutQuint",

  "easeInSine",
  "easeOutSine",
  "easeInOutSine",

  "easeInBack",
  "easeOutBack",
  "easeInOutBack"
  ];

  function generate(){
    equationNames.forEach(function (name) {
        var button = document.createElement('div');
        button.className = name + " button";
        button.innerText = name;
        document.body.appendChild(button);
        });
  }
  window.addEventListener('load', generate);
</script>