⛨ HTML Entities Browser

html-entities-browser.html

<meta charset=utf8>
⌨<input type=number id=c value="8272">
<input type=number id=d value="11096">
<button onclick="l('Custom Range',parseInt(c.value),parseInt(d.value))">⛨ Load</button>
<input type=checkbox id=m> Show numbers

<p id=j></p>
<p id=o></p>

<script>//line: 9
onload=_=>j.innerHTML=[
["All",8272,11096],
["All Emojis",127462,128767],
["Emoji Letters",127462,127487],
["Scenery",127744,127756],
["Globe Earth",127757,127760],
["Moon Phases",127761,127773],
["Arrows",8592,8703],
["Arrows 2",10136,10176],
["Arrows 3",10215,10239],
["Arrows 4",10496,10619],
["Arrows 5",11008,11087],
["Fractions",8528,8543],
["Music Notes",9833,9839],
["Chess Pieces",9812,9823],
["Card Suits",9824,9831],
["Cards",127137,127137+64],
["Dice sides",9856,9861],
["Roman Numerals",8544,8575],
["VCR Remote",9193,9210,[9166]],
["Bullet Alpha Nums",9312,9471],
["Math Symbols",10102,10135],
["Maze Shapes",9472,9727],
["Cursive Letters",8458,8501],
["Currency & Symbols",8352,8383],
["Shapes",11026,11055,[8718]],
].map(([k,e,f,g])=>`<button onclick="l('${k}',${e},${f},[${g||''}])">${String.fromCodePoint(e)} ${k}</button>`).join` `;

h=n=>String.fromCodePoint(n) + ' ' + (m.checked?n:"");
l=(k,e,f,g=[])=>{
a=[];for(i=e;i<=f;i++)a.push(h(i));o.innerHTML=`<h3>${k} (${e}-${f}${g.length>0?", " +g:""})</h3>`+([...g.map(h), ...a].join` `)};
</script>