Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Debora Duarte

Javascript problema com html, css e java script

Recommended Posts

Postado (editado)

Boa Noite, preciso muito de ajuda estou fazendo este trabalho da faculdade:

Questão 1: https://docs.google.com/document/d/1W6LO6F7uikLFV9t9BPt7uAOwvQ4uNJAwGBTlXMvw_Ds/edit

Questão 2:https://docs.google.com/document/d/1axpdoimV8xGS2yihI7flz3Yqdh1la7sReDhbXPF9l8M/edit

 

Até o momento consegui fazer o seguinte código: 

<!DOCTYPE html>
<html lang="pt" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Trabalho Laboratório Web 1</title>
  </head>
  <body>
    <h1>Trabalho Laboratório Web 1</h1>
    <form name="soma">
    <div>
      <label for="n">Nome</label>
      <input type="text" name="n" id="n"/>
      <input type="submit" name="somar" value="Adicionar" />
    </div>
    <br>
     <div>
       <label for="cfix" for="ccap">Produto</label>
       <input type="text" name="p"/>
       <input type="submit" name="prod" value="Adicionar" />
     </div>
     <br>
     <div>
       <label for="cfix" for="ccap">Valor Unitário</label>
       <input type="number" name="valor"/>
       <input type="submit" name="cfix" value="Custo Fixo"/>
       <input type="submit" name="ccap" value="Custo Per capita"/>
     </div>

    </form>
    <p><h2>Nomes: <span>0</span></h2>
    <ul></ul>
    <p><h2>Produtos: <span> </span></h2>
      <table  id="tf" border="1">
      <tr>
        <td colspan="4"><center><b>Custo fixo</b></center></td>
      </tr>
      <tr>
        <td colspan="2">Produto</td>
        <td colspan="2">Valor</td>
      </tr>
    </table>
    <br>
    <table id="tp" border="1">
      <tr>
        <td colspan="4"><b>Custo Per Capita</b></td>
      </tr>
      <tr>
        <td colspan="2">Produto</td>
        <td colspan="2">Valor</td>
      </tr>
    </table>
      <p><center><h2 style="color:red;">Valor para cada um : R$<span> </span></h2></center></p>
    <script>
      document.soma.addEventListener('submit', adicionar);
      var lista = document.querySelector('ul');
      var qtd = document.querySelector('span');
      var soma = 0;


      function adicionar(e) {
          e.preventDefault();

          var novoLi = document.createElement('li');
          novoLi.textContent = document.soma.n.value;
          lista.appendChild(novoLi);
          soma++;
          qtd.textContent = soma;
          document.soma.n.value = "";
      }

  </body>
</html>

 

Porém não consigo seguir em frente, alguém pode me dar alguma dica ou ajuda?

Editado por DiF
Inserir o código com o botão CODE <>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário






Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações 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

×