Estoy tratando de generar el DOM con algunos copos de nieve. Recibo este error en mi consola y no hay copos de nieve.

DOMException no detectada: no se pudo ejecutar 'createElement' en 'Documento': el nombre de etiqueta proporcionado ('< span id='flake0' style='cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;position:absolute;top:-24'>• </ span>') no es un nombre válido.

No estoy muy seguro de lo que estoy haciendo mal aquí... PHPStorm tampoco me da ninguna pista. Estoy recorriendo todos mis copos de nieve y obtienen tamaños aleatorios.

Aquí está mi código:

 var container = document.getElementById("js-container"); for (let i = 0; i <= snowMax; i++) { var content = document.createElement("<span id='flake" + i + "' style='" + snowStyles + "position:absolute;top:-" + snowMaxSize + "'>" + snowEntity + "</span>"); container.appendChild(content); }

También intenté escapar del lapso con acentos graves, pero no está ayudando.