web-dev-qa-db-fra.com

Une boucle pour créer l'alphabet en utilisant JavaScript

J'ai moi-même travaillé sur un petit projet qui consiste à créer l'alphabet. Je ne veux pas coder en dur chaque lettre individuelle dans le balisage, mais plutôt utiliser JavaScript pour le faire pour moi.

Voilà jusqu'où je suis allé.

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);

}

Cela étant dit, j'essaie d'éviter d'utiliser jQuery pour le moment, car j'essaie de mieux comprendre JavaScript.

Il y a un autre article qui reprend la même idée, en utilisant des codes de caractères mais avec jQuery.

Comment pourrais-je m'y prendre?

javascriptloopsfor-loopnumbersletters
5
John Connor

Vous pouvez utiliser toString () pour convertir un nombre en 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>
16
epascarello

Réponse de Convertir un entier en son équivalent de caractères en Javascript :

En supposant que vous souhaitiez des lettres minuscules:

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

97 est le code ASCII pour les minuscules 'a'. Si vous voulez des lettres majuscules, remplacez 97 par 65 (majuscules 'A'). Notez que si n> 25, vous sortirez de la gamme des lettres.

21
Naman