Display HTML Entities with Javascript

htmlentities.html

<style>
  html {
    background-color: #CCCCCC;
  }
  #icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #icons > div {
    flex-direction: column;
    display: inline-flex;
    padding: 20px 15px;
    align-items: center;
    border: 1px solid #AAAAAA;
  }
  #icons > div > b {
    color: #FF0000;
    font-size: 25px;
  }
</style>

<div id="icons">
  <script>
    var start = 0,
        end   = 65535;

    // It's advised to change start and end to be a lot smaller subset. Full set takes about
    // 5 seconds on my machine, but will vary by hardware and if local/external.

    for(var i = start; i <= end; i++) {
      document.write("<div>");
      document.write("  &amp;#" + i + ";");
      document.write("  <b>&#" + i + ";</b>");
      document.write("</div>");
    }
  </script>
</div>