Como faço para fazer uma lista de JavaScript ordenada?

Ao criar uma página da web ou um site, pode ser necessário exibir conteúdo no formulário da tabela para especificar um valor contra um atributo específico. Mais especificamente, a criação do índice para a visão geral do documento pode economizar muito tempo. Nesses casos, fazer uma lista ordenada no JavaScript é muito útil para melhorar a legibilidade e o design de documentos acessíveis.

Este artigo demonstrará as metodologias usadas para fazer uma lista ordenada em JavaScript.

Como faço para fazer uma lista de JavaScript ordenada?

Para fazer uma lista ordenada em JavaScript, as seguintes abordagens podem ser utilizadas com o “

" marcação:
• ““Números" e "Romanos”
• ““Nidificação”Método
• ““começar" e "reverter" Atributos

Agora, siga os métodos mencionados um por um!

Método 1: Faça uma lista ordenada em JavaScript usando

Tag com números e romanos

O "

”TAG define uma lista ordenada com vários atributos, como Start e Rechon. Esta tag pode ser aplicada para criar uma lista ordenada usando números e romanos.

Exemplo 1: faça uma lista ordenada usando números

A lista ordenada numerada é criada por padrão simplesmente especificando o “

" marcação. Neste exemplo, utilizaremos o
Tag e insira os itens da lista no contido “
1. ”Tag da lista:
   
   
   1. Pitão
   
   
   2. Java
   
   
   3. JavaScript
   
   

   Isso resultará na seguinte saída:

   Exemplo 2: Faça uma lista ordenada usando romanos

   Para numeração romana, especifique o tipo de lista ordenada como “eu”:

   Agora, insira os itens da lista no “

   1. ”Tag conforme discutido no exemplo anterior:

   2. Pitão
   
   
   3. Java
   
   
   4. JavaScript

   Saída

   Método 2: Faça uma lista ordenada em JavaScript usando

   Tag com método de nidificação

   O "nidificação”O método cria uma lista ordenada aninhando os itens da lista contra um item de lista específico. Este método pode ser implementado para conter a lista de itens em uma categoria específica. Para fazer isso, primeiro, use o “

   ”Tag e adicione o primeiro item da lista no
   1. tag conforme discutido:
      
      
      1. JavaScript

      Em seguida, crie outro

      tag contida na primeira tag para adicionar uma sub-lista sob o “JavaScript" item:
      
      
      1. Aulas
      
      
      2. JSON
      
      
      3. jQuery
      
      

      Da mesma forma, coloque outro item da lista “Java”Como parte da lista de pais:

      1. Java

      Repita o mesmo processo para criar a sub-lista do “Pitão" item:

      2. Pitão
      
      
      
      
      1. Variáveis
      
      
      2. Funções
      
      
      
      

      Saída

      Para aplicar o

      Tag com diferentes atributos, siga a próxima seção.

      Método 3: Faça uma lista ordenada em JavaScript usando

      tag com atributos de início e reverso

      O "

      ”A tag pode ser aplicada com o atributo inicial para iniciar uma lista ordenada com base no número especificado. O atributo reverso, no entanto, reverte os índices de lista ordenados sem nenhuma alteração nos itens da lista.

      Exemplo 1: faça uma lista ordenada usando o atributo inicial

      Em primeiro lugar, adicione algum texto que precisa ser exibido no modelo de objeto de documento (DOM) dentro do “

      Tarefa de executar:

      Em seguida, especifique o atributo inicial para iniciar a lista ordenada com o número “2”:

      Finalmente, inclua os itens da lista no “

      2. " marcação:

      3. JavaScript
      
      
      4. Ordenado
      
      
      5. Lista
      
      

      Saída

      Exemplo 2: Faça uma lista ordenada usando o atributo reverso

      Agora, repita as etapas acima especificando o “

      ”Atributo como revertido apenas. Isso resultará na reversão dos índices de itens de lista sem nenhuma alteração nos itens da lista:

      Tarefa de executar:

      
      
      
      
      1. JavaScript
      
      
      2. Ordenado
      
      
      3. Lista
      
      

      Saída

      Este blog compilou os métodos para fazer uma lista ordenada em JavaScript.

      Conclusão

      Para fazer uma lista ordenada em JavaScript, utilize o “

      ”Tag com números e romanos para personalizar os índices dos itens de lista especificados, o“nidificação”Método para conter vários itens de lista em um item de lista específico ou aplicar o“começar" e "reverter”Atributos para iniciar uma lista ordenada com o índice especificado e reverter os índices sem nenhuma alteração nos itens da lista, respectivamente. Este manual demonstrou os métodos para fazer uma lista ordenada em JavaScript.