Jump to content

Recommended Posts

Boa tarde, estou com esta atividade para resolver, mas não consigo, alguem pode me ajudar, tem que ser resolvido com vetores, da forma mais simples para entendimento. Agradeço desde ja !!!

Vou deixar em anexo os templates.

 

Fila:
Para execução desta atividade será fornecido o template html e js para adaptação:
 filaADesenvolver.html (renomear para fila.html);
 filaADesenvolver.js (renomear para fila.js).
Necessário desenvolver para Fila:
1 – Insere:
 Inserir pessoa na fila e avisar que a pessoa foi inserida;
 Checar se foi digitado um nome de pessoa. Caso não seja indicado um nome, não permitir inserir na fila e avisar o usuário que é
necessário digitar um nome;
 Ao inserir, atualizar a fila dos nomes (pré-implementado).
2 – Remove:
 Remover a pessoa da fila (Conceitualmente sai da fila a primeira pessoa);
 Checar se a fila possui pessoas para remover. Caso não tenha mais pessoas na fila, avisar o usuário que a fila está vazia;
 A cada remoção, atualizar a fila dos nomes (pré-implementado).
3 – Apaga:
 Limpa toda a fila.
4 – A cada ação de inserir, remover ou apagar, deve-se setar o foco do cursor no campo para indicar um novo nome de pessoas.
5 – Observar outros detalhes do enunciado.
Faça um ambiente web para controlar Fila de Banco. Deve permitir inserir o nome de pessoas. Deve permitir sair pessoas da
fila. Quando uma pessoa sair, o algoritmo deve realocar as pessoas na fila. Ao inserir uma pessoa na fila, deve checar se há
vaga nessa fila, se não houver vaga, alertar a pessoa que deve voltar outra hora. Considerar uma Fila de 5 pessoas no
máximo. Criar a possibilidade de listar as pessoas da fila.

Primeiro que entra, Primeiro que sai.

 

 

 

Pilha:
Para execução desta atividade será fornecido o template html e js para adaptação:
 filaADesenvolver.html (renomear para pilha.html);
 filaADesenvolver.js (renomear para pilha.js).
Necessário desenvolver para Pilha:
1 – Insere:
 Inserir caixa na pilha e avisar que a caixa foi inserida;
 Checar se foi digitado um número de caixa. Caso não seja indicado um numero, não permitir inserir na pilha e avisar o usuário que
é necessário digitar um numero;
 Ao inserir, atualizar a pilha dos números das caixas (pré-implementado).
2 – Remove:
 Remover a caixa da pilha (Conceitualmente sai da pilha a última caixa inserida);
 Checar se a pilha possui caixas para remover. Caso não tenha mais caixas na pilha, avisar o usuário que a pilha está vazia;
 A cada remoção, atualizar a pilha das caixas (pré-implementado).
3 – Apaga:
 Limpa toda a pilha.
4 – A cada ação de inserir, remover ou apagar, deve-se setar o foco do cursor no campo para indicar um novo número de caixa.
5 – Observar outros detalhes do enunciado.
Faça um ambiente web para controlar Pilha de Caixas. Deve permitir inserir caixa na pilha. Deve permitir remover caixa da
pilha. Ao inserir uma caixa na pilha, deve checar se há vaga nessa pilha (o teto é o limite), se não houver vaga, alertar a
pessoa que deve guardar a caixa em outro lugar. Considerar uma Pilha de 5 caixas no máximo. Criar possibilidade de listar as
caixas da pilha.

 

 

 

template JS :

 

var filaPessoas = [];

function listaPessoas(){
  //Entrada
  var divListaRepeticao = document.getElementById("listaRepeticao");
    
  //Processamento 
  var nroPessoas = filaPessoas.length;
  var resultado = "";  
  if  (nroPessoas == 0) {
      document.getElementById('informacao').value = "A fila de pessoas está vazia!!!";
  };      
      
  for (var contaPessoa = 0; contaPessoa < nroPessoas; contaPessoa++) {
      resultado += "<tr><td>"+filaPessoas[contaPessoa]+"</td></tr>";
  };  

  //Saída  
  divListaRepeticao.innerHTML = resultado;
  return true;
};

function inserePessoa() {
  //Entrada
  var nomePessoa = document.getElementById('nomePessoa').value;
     
  //Processamento
  
  //Saída

  return true;
};

function removePessoa() {
  //Entrada
  
  //Processamento
  
  //Saída

  return true;  
};

function limpaPessoas() {
  //Entrada
  
  //Processamento
  
  //Saída
  
  return true;
}; 

 

TEMPLATE HTML :

 

<!doctype html>
<html lang="pt-br"> 
  <head>
    <title>Fila de Pessoas</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">    
    <script language=javascript type="text/javascript" src="filaADesenvolver.js"></script>    
  </head>
  <body onLoad="listaPessoas()">
      <div class="container" style="padding-top: 20px">
        <div class="row"> 
          <div class="col-12"> 
              <form class="form-control bg-faded">
                <div class="col-12"> 
                    <h1>Fila de Pessoas</h1>
                </div>
                <div class="col-12">               
                    <div class="form-group row" id="idAdicionaBloco">
                        <label for="nomePessoa" class="col-1 col-form-label">Nome</label>
                        <input class="col-4 form-control" type="text" id="nomePessoa" placeholder="Nome da Pessoa a inserir">
                    </div>
                </div>
                <div class="col-12">                    
                    <div class="form-group">
                        <button type="button" class="btn btn-success" id="insere" onclick="inserePessoa()">Insere</button>
                        <button type="button" class="btn btn-danger" id="apaga" onclick="removePessoa()">Remove</button>
                        <button type="button" class="btn btn-warning" id="limpa" onclick="limpaPessoas()">Limpa</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="alert alert-info">
                            <strong>Informação!</strong>
                            <input class="form-control" type="text" id="informacao" placeholder="Bem Vindo!" readonly>
                        </div>
                    </div>
                </div>    
                <div class="col-12">
                    <div class="table-responsive">
                        <table width="100%" cellpadding="0" cellspacing="0" border="0" class="table table-hover table-striped">
                            <thead>
                                <tr>
                                    <th>Pessoas</th>                                       
                                </tr>
                            </thead>
                            <tbody id=listaRepeticao>
                             <!-- Aqui vamos criar linhas dinamicamente!  
                                <tr>
                                    <td>Elementos...</td>
                                </tr>
                             -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </form>          
          </div>
        </div>
      </div>
  </body>
</html>

Share this post


Link to post
Share on other sites

amigo o que você está pedindo é inviável, tá claro que você está com muitas dúvidas nessa matéria se perceber ninguém respondeu o motivo é simples você nem mesmo tentou, se você ler o enunciado vai ver que o nível de dificuldade não é tão grande assim apenas tente caso contrario vai apenas ganhar uma nota boa mas ficará sem o conhecimento, não tem outra forma senão quebrar a cabeça e pesquisar. Sinto muito não quero dar lição nenhuma mas o forum é justamente pra isso ajudar acredito que essa seja a forma que eu possa te ajudar agora.

 

Basicamente você irá manipular o vetor tente você consegue! Todos aqui já passaram por isso  

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Febatera7
      Preciso construir um microsserviço, apenas no lado do servidor (Node.js) que leia menções e comentários em postagens em que o @ do meu cliente foi marcado, em seguida, salve essas mensagens em nosso banco de dados, para especialistas de atendimento para responderem mais tarde.
      Este microsserviço também deve ser capaz de ler e salvar as fotos destas postagens e comentários.
      Para Node.js, vi que não há SDK, então procurei os terceiros que o próprio Facebook indica, mas não encontrei nada sobre ler e responder a menções e comentários em postagens.
      Tentei utilizar as bibliotecas fb e fbgraph, mas nenhuma delas me dá as opções para ler postagens em que fui marcado, apenas as do meu próprio feed.
      Alguém pode me ajudar? Por onde posso começar? Há alguma outra biblioteca que consiga utilizar?
    • By Sapinn
      Fala galera, tudo blz? Então estou com uma dúvida um pouco boba mas que não consegui resolver o problema ainda. Estou desenvolvendo um site para agendamento de serviços e resolvi fazer a pagina principal como uma dashboard (área de administrador) onde seria muito mais fácil para o usuário registrar os serviços entre outras coisas, enfim, estou com um problema quanto ao layout da página. Normalmente o dashboard tem um menu à esquerda e o conteúdo  fica à direita quando ocorre o clique no botão hambúrguer( Aquele que tem três tracinhos) esse menu é recolhido e esse conteúdo que fica a direita fica centralizado, às vezes, em muitos dashboard esse menu só é um pouco recolhido ficando amostra apenas os ícones enquanto o conteúdo da direita fica um pouco mais centralizado. A pergunta é como eu posso fazer isso? Outra coisa, na responsividade quando a página diminui o menu da uma retraída e o conteúdo fica centralizado quando é clicado no botão hambúrguer o menu não afasta o conteúdo de volta e sim fica por cima desse conteúdo. Não sei como fazer isso, eu estou melhorando quando ao desenvolvimento front-end mas ainda não é muito a minha praia. Eu tentei fazer isso com css grid (que por sinal é algo que eu não tenho tanta pratica, já que eu sou melhor com flebox) mas não funcionou e o código só ficou ruim e confuso. Se alguém puder me ajudar ficaria muito grato
       
      Não tem muito coisa ainda mas irei disponibilizar o código que desenvolvi até agora:
       
      <!DOCTYPE html> <html lang="pt-br"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Sistema de Gerenciamento</title>     <link rel="stylesheet" href="assets/css/style.css">     <link rel="icon" href="assets/images/icone-logo.png">     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"> </head> <body>     <header>         <div class="bar-header">             <i class="bi bi-list"></i>         </div>     </header>     <nav class="menu">         <div class="user">             <i class="bi bi-person-circle"></i>             <p>Nome do Usuário</p>         </div>         <ul>             <li class="active"><a href=""><i class="bi bi-house-fill"></i> Inicio</a></li>             <li><a href=""><i class="bi bi-calendar-plus-fill"> </i>Adicionar Serviço</a></li>             <li><a href=""><i class="bi bi-person-plus-fill"></i> Adicionar Admin</a></li>             <li><a href=""><i class="bi bi-file-earmark-post-fill"></i> Configurações de Nota</a></li>             <li><a href=""><i class="bi bi-file-person"></i> Configurações da Conta</a></li>             <li><a href=""><i class="bi bi-box-arrow-right"></i> Sair</a></li>         </ul>     </nav>     <main></main>     <footer></footer> </body> </html>  
       
      *{     padding: 0;     margin: 0; } body{     font-family: Arial, Helvetica, sans-serif;     background-color: #e5e5e5; } .bar-header{     background-color: #4285f4;     position: fixed;     color: #fff;     width: 100%;     height: 40px;     font-size: 37px;     padding: 8px 16px;     z-index: 1; } .menu{     background-color: #26353e;     width: 260px;     height: 100vh;     position: fixed;     padding-top: 65px; } .menu ul li{     list-style: none;     padding: 15px;     cursor: pointer;     border-bottom: 1px solid #26353e; } .menu ul li:hover{     background-color: #4285f4;      } .menu li a{     color: #fff;     font-size: 18px;     text-decoration: none;     } .menu i{     font-size: 27px; } .menu .active{     background-color: #4285f4; } .user{     margin-left: 50px;     padding-bottom:10px ; } .user i{     font-size: 120px;     color: #4285f4; } .user p{     font-weight: bold;     font-size: 18px;     color: #fff; }
       
    • By acneto.frc
      Boa noite a todos.
      Uso Nodejs + express + Mysql
      O retorno abaixo é de retorno da Model quando consultado um registro :id
      Preciso extrair para duas variáveis diferentes a chave  e o valor de um objeto javascripr.
       
      RowDataPacket {
        liv_codigo: 5,
        liv_titulo: 'Guia Mangá - Microprocessadores',
        liv_edicao: '1ª Edição',
        liv_isbn: '987-321',
        liv_ano: 2016,
        aut_codigo: 2,
        edt_codigo: 3,
        liv_ativoinativo: 'A'
      }
       
      Este retorno é resultado da uma consulta SQL  de um registro (:id) na tabela
      Preciso armazenar em arrays diferentes a chave e o valor.
       
      Abraços e obrigado.
       
       
       
    • By Sherlock02
      Olá, Eu preciso criar um menu com dois níveis utilizando Javascript.
      O código está assim:
      <div id="menu">     <ul>        <li>Item 1</li>        <li>Item 2</li>        <li>Item 3</li>        <li>Item 4</li>     </ul> </div>
      Eu preciso transformá-lo em um segundo nível e inserir texto no estilo "Parent 1" no primeiro nível, dessa maneira:
      <div id="menu">     <ul>        <li>Parent 1          <ul class="sub-menu">           <li>Item 1</li>           <li>Item 2</li>           <li>Item 3</li>           <li>Item 4</li>          </ul>     </li>     </ul> </div>  
    • By alex_C1
      1. Para que pagar uma cartoamante para prever o seu futuro? Crie uma função chamada cartoamante que receberá quatro argumentos: número de filhos, nome da esposa ou matido, cidade e função. O retorno da função será: Você ocupará a função X na cidade de Y, vai se casar com Z e terá N filhos. Chame a função passando os quatro parâmetro e imprima o resultado no log. Crie a função no modo tradicional.

      2. Transforme a função anterior em uma arrow function e ajuste o que for necessário no programa.

      Obs: estou precisando dessa parte para terminar meu trabalho da faculdade.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.