Ir ao conteúdo
  • Cadastre-se

Lista Lista Ordenada - JavaScript


Posts recomendados

Preciso criar um documento HTML onde o usuário possa adicionar nomes em uma lista numerada (OL). O seu documento deve ter uma caixa de texto (uma input para digitação de texto) onde o usuário possa informar um nome de cada vez. Além disso, deve possuir um botão com o rótulo "Adicionar", que, quando clicado, adiciona o texto digitado na lista OL.

O usuário pode adicionar quantos nomes ele quiser e cada nome é adicionado no final da lista OL. Porém, a qualquer momento da execução, o usuário pode ordenar os nomes da lista OL clicando em um botão com o rótulo "Ordenar Lista".

O usuário clique no botão "Ordenar Lista", ela deve ser reagrupada de maneira ordenada. Utilize o algoritmo de ordenação de sua preferência (Bubble, Insertion, Quick, etc).

 

 

Link para o comentário
Compartilhar em outros sites

  • Moderador

Caro usuário,

 

Seja bem-vindo ao Fórum do Clube do Hardware.

 

No intuito de servir como fonte de pesquisa no caso de instituições de ensino, informamos que incorrer no resolvimento por completo de questões relacionadas a disciplinas escolares de cursos técnicos e faculdades podem ser revistas e removidas pela Equipe de Moderação do Clube do Hardware.

 

Para sanar dúvidas sobre esse tipo de problema, por gentileza, publique o passo a passo do desenvolvimento da questão, projeto, monografia ou conteúdo em dúvida para que possamos analisar se a resposta está correta ou não, ou para que possa ser auxiliado com a dúvida no desenvolvimento do exercício.

 

Infelizmente, não há como resolver os trabalhos pelos usuários. O objetivo do Fórum do Clube do Hardware é auxiliar seus usuários a encontrar soluções para que possam sanar suas dúvidas, e não de trazer soluções prontas para seus usuários.. Além disso, copiar e colar respostas que não são de autoria própria do qualquer usuário é considerado plágio, o que é ilegal.

 

Esperamos que compreenda.

 

Atenciosamente,

Equipe Clube do Hardware

Link para o comentário
Compartilhar em outros sites

Fiz códico ele  na hora de ordenar acho que identifica o escaço como outra variável e divide. 

<!doctype HTML>
<html>
<head>
    <title>Eventos em javascript</title>
    <meta charset="utf-8" >
    <script>
        var arr = [];
        function adicionar(){
    
    var nome = document.getElementById("nome");
    
    lista.innerHTML = lista.innerHTML + "<li>" + nome.value + "</li>";
    arr = arr + nome.value + " ";
}
    function ordenar(){
    document.getElementById("lista").innerHTML = "";
    var iv = arr.split(" ");
    iv.pop();
    iv.sort();
    for (var i = 0 ; i < iv.length ; i++) 
    {
        lista.innerHTML = lista.innerHTML + "<li>" + iv + "</li>";
    }
}
</script>
</head>
<body>
<header>
    <h3>Lista de Nomes</h3>    
</header>
<input id="nome" type="text">
<button onclick="adicionar()">Adicionar</button>
<ol id="lista">
</ol>
<button onclick="ordenar()">Listar por ordem alfabética</button>
<div class="col-sm-10">

</div>
</body>
</html>

 

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...