A loop to create the alphabet using JavaScript

Question

I've been working on a small project for myself, and it consists of creating the alphabet. I don't want to hard code each individual letter in markup, but rather use JavaScript to do it for me.

This is how far I've gotten.

for ( i = 0; i < 26; i++ ) {



var li = document.createElement("li");
li.innerHTML = "letter" + i + " ";
li.style.listStyle = "none";
li.style.display = "inline";
document.getElementById("letter-main").appendChild(li);

}

That being said, I'm trying to avoid using jQuery for the time, as I am trying to gain a better understanding of JavaScript.

There's another post that goes over the same Idea, using character codes but with jQuery.

How would I go about this?

Answer 1

You can use toString() to convert a number to alpha

for (i = 0; i < 26; i++) {

  var li = document.createElement("li");
  li.innerHTML = "letter " + (i+10).toString(36) + " ";
  li.style.listStyle = "none";
  li.style.display = "inline";
  document.getElementById("letter-main").appendChild(li);

}

<div id="letter-main"></div>