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

Answer from Convert integer into its character equivalent in Javascript:

Assuming you want lower case letters:

var chr = String.fromCharCode(97 + n); // where n is 0, 1, 2 ...

97 is the ASCII code for lower case 'a'. If you want uppercase letters, replace 97 with 65 (uppercase 'A'). Note that if n > 25, you will get out of the range of letters.