I've been challenging myself to write more JS. Now I have this simple challenge which is just to wrap all the letters in a heading with spans.

When I console log spanWrap it seems to output the correct results but I can't seem to push it into the heading dynamically. Any ideas? Yes,

```js
'use strict';

let i, spanWrap = "";

const string = document.getElementById('heading');
console.log(string);

function span() {

  for (let i = 0; i < string.innerText.length; i++) {
    if (string.innerText[i] !== " ") {
      const spanWrap = `<span>` + string.innerText[i] + `</span>`;
      console.log(spanWrap);
    }
  }

  string.innerHTML = spanWrap;
};

span();
```

```html
<h1 id='heading'>Test</h1>
```

I've done a lot of searching and even references a few SO answers but the point is to understand and learn this instead of just copying/pasting.