JSFiddle - React, Tailwind, and code Playground

special character dictionary

by Jennifer Perrin

HTML

<div class='item'>
    <span class='code'></span>
</div>

CSS

body {font-size: 50px;}

.item {
  float: left;
  padding: 10px;
  width: 55px;
  heigth: 55px;
  position: relative;
}

.code {
  display: none;
  font-size: 14px;
  background-color: #ff0;
   
}

.item:hover .code {
  position: absolute;
  display: inline-block;
  padding: 5px;
}

JavaScript

var from = 10000, to = 10101;

for(i=from;i<=to;i++){
  document.write(item(i));
}

function item(id){
  s  = "<div class='item'>";
  s += "<span class='code'>#"+id+"</span>"
  s += " &#"+id+";";
  s += "</div>";
  return s;
}