JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<title>UTF chars</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
</body>
</html>

CSS

body {
font-size: 12px;
font-face: monotype;
}

JavaScript

body = document.getElementsByTagName('body')[0];

anchor = document.createElement('a');
img = document.createElement('img');
character = "\u8211";

img.setAttribute('alt', character);
img.setAttribute('src', '');
anchor.appendChild(document.createTextNode("x : "));
anchor.appendChild(img);
anchor.setAttribute('title', character);
body.appendChild(anchor);
body.appendChild(document.createElement('br'));


for (var i = 65; i < 87; i++) {
    anchor = document.createElement('a');
    img = document.createElement('img');
    character = "\\u" + i;
    //character = "\u" + i; << bad unicode escape

    img.setAttribute('alt', character);
    img.setAttribute('src', '');
    console.log(img);

    anchor.appendChild(document.createTextNode(i + ": "));
    anchor.appendChild(img);

    anchor.setAttribute('title', character);
    body.appendChild(anchor);
    body.appendChild(document.createElement('br'));
    //console.log( tosay.join(''));
}