Checkboxes

by Elbusta

HTML

<div id=input-wrapper>
</div>

CSS

.input-wrapper {
  text-align: center;
}

input{
  margin: 0px;
}

label{
  margin: 0px 20px 0px 2px;
}

JavaScript

window.onload = function() {
  items = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "aa", "bb", "cc", "ddd", "e", "ff", "g", "boat", "cat", "zion"]

  let html = "";
  let div = document.getElementById("input-wrapper");
  for (i = 0; i < items.length; i++) {
    html += `<input type="checkbox" id="${items[i]}" name="${items[i]}" value="${items[i]}">
	<label for="${items[i]}">${items[i]}</label>`
  }

  div.innerHTML  = html;
}