String Characters

by nevkatz

HTML

<div id="root">
</div>

CSS

ul.word {
  display: flex;
  list-style-type: none;
  
}
ul.word li {
  padding: 10px 20px;
  border: 1px solid grey;
  margin: 0px 5px;
}

JavaScript

let str= 'chicken';

let items = str.split('').map(x => `<li>${x}</li>`).join('');

let ul = document.createElement('ul');

ul.className = 'word';

ul.innerHTML = items;

let root = document.getElementById('root');

root.appendChild(ul);