Modèle d'escalier en javascript - javascript, html

Cette fonction en Javascript ne fonctionne pas comme vous le souhaitez. Mais une fois écrite en C, elle fonctionne comme vous le souhaitez.

 var patt_2 = function()
{
for(i=5;i>=1;i--)
{
for(j=1;j<i;j++)
{
$("#panel8").append(" ");
}
for(k=5;k>=i;k--)
{
$("#panel8").append("*");
}
$("#panel8").append("<br/>");
}
};

Sortie non désirée

Sortie désirée

Réponses:

Vous pourriez donner votre #panel8 élément les éléments suivants pour permettre aux non   caractères pour permettre également plusieurs espaces:

#panel8 {
white-space: pre;
}

Vous pouvez lire ici ce que cela fait, citation:

Cette valeur empêche les agents utilisateurs de réduire les séquences d'espaces. Les lignes ne sont rompues que pour les caractères de nouvelle ligne préservés.

Fondamentalement, HTML réduit les caractères d'espacement (" ") pour créer un espace, si vous utilisez   vous surmontez ce problème, mais crée du code plus laid en général (puisque vous devrez "ajouter" " " à votre chaîne tout le temps).

Si votre élément peut avoir white-space: pre; alors c’est une solution simple et propre qui ne vous oblige pas à éditer votre script!

P.S. Ce n’est pas JS dans lequel cela ne fonctionne pas, mais plutôt HTML ou l’analyseur HTML qui réduit l’espace.