Como fazer um cronômetro com HTML, CSS e Javascript

Поділитися
Вставка
  • Опубліковано 30 вер 2024
  • Olá, pessoal!
    Neste vídeo, vou te mostrar como criar um cronômetro simples com HTML, CSS e Javascript.
    GitHub:
    github.com/Lar...
    Redes sociais:
    Instagram: @lariikich
    LinkedIn: / larissakich

КОМЕНТАРІ • 41

  • @jhonjhon9205
    @jhonjhon9205 8 місяців тому +4

    galera que tá quebrando a cabeça que nem eu estava, se clicarem com o botão direito na página e irem em inspecionar página e clicar em console provavelmente vai aparecer erro do getAttribute ou outro possível erro.
    Ela reescreveu só não avisou, antes estava: const action = document.getAttribute('action') ;
    o certo mesmo é: const action = button.getAttribute('action');
    espero ter ajudado alguém porque ninguém até agora falou nada kkkk🙃

    • @larissakich
      @larissakich  8 місяців тому +4

      Nossa mil desculpas kkkkk eu não tinha reparado nisso, devo ter editado errado o vídeo e acabei cortando na hora que arrumei, muito obrigada por avisar ☺️😁

    • @lucasavelarbrasil6082
      @lucasavelarbrasil6082 15 днів тому

      Os conteúdos dela são muito bons.
      Mas tem algumas coisas a melhorar
      1- A didática dela não é boa, precisa melhorar.
      2- Ela faz as coisas muito rápido, isso é bem ruim pra quem tá começando como eu.
      Sei que o intuito é atingir quem já tá mais ou menos avançado, mas poxa, poderia ir mais devagar né!!

  • @CaioAlcântara-n2u
    @CaioAlcântara-n2u Рік тому +5

    Lari, faz 1 semana que encontrei teu canal, ele é incrível e sem duvidas ajuda muita gente, assim como eu que comecei a 1 mês meus estudos em html e css. Então posta mais vídeos assim que além de ajudar, você irá crescer muito! Abraço!

    • @larissakich
      @larissakich  Рік тому +1

      Muito obrigada, me incentiva muito 😊

  • @GabrielandreR
    @GabrielandreR Рік тому +5

    Adoro seus vídeos, aprendi Front-end por sua causa kk

    • @larissakich
      @larissakich  Рік тому +2

      Fico muito feliz em saber disso, me motiva bastante ❤

  • @thiagomacedo4191
    @thiagomacedo4191 4 місяці тому

    Lari, tudo bem, gosto muito dos seus vídeos. Uma duvida o meu cronometro (00:00:00:00) fica tremendo, vc sabe o q e como resolver? Muito obrigado

  • @onemidia_the
    @onemidia_the 4 місяці тому

    Oi Lari tudo bem com você, eu tenho uma dúvida. Como eu poderia pegar o valor na hora de parar o contador e assim somar com outras contagem para ter um resultado total. Valeu obrigado caso tenha tempo de responder minha dúvida.

  • @javiersistemas
    @javiersistemas Рік тому +2

    Ola, colega Lari 🙂🙂😊😊👍👍 obrigado pela aula e desculpe meu Portugues ruim 🙂🙂🙏🙏🇻🇪🇻🇪

  • @dvdjl3660
    @dvdjl3660 5 місяців тому

    estou assistindo em 2024, mas o botão de marcar o tempo não está funcionando e o de resetar não faz com que o elemento de play retorne, alguém poderia me mandar o código de js completo para ver se foi eu que errei ou se o código não funciona mais

    • @larissakich
      @larissakich  5 місяців тому

      Oii, o código completo tá em um repositório na descrição, tu pode dar uma olhada lá

  • @samaragomes3645
    @samaragomes3645 Рік тому +1

    Como vc aprendeu programação vc fazer algum curso ?

    • @larissakich
      @larissakich  Рік тому +2

      Oii, sim, fiz os cursos do b7web, e alguns da alura

  • @btruylio
    @btruylio Рік тому +2

    Ebah! A Lari voltou \o/ \o/ \o/

    • @larissakich
      @larissakich  Рік тому +2

      Estou um pouco sem tempo mas vou tentar postar com mais frequência😊

  • @PHSYCØ_019
    @PHSYCØ_019 Рік тому +1

    muito bom seu vídeo, sempre aprendo funções novas

  • @dedivanbarbosa2386
    @dedivanbarbosa2386 Рік тому +1

    Meus parabéns Larissa pelos conteúdos.

  • @ericsouzammk
    @ericsouzammk 9 місяців тому

    Ótimo projeto, obrigado por compartilhar. Poderia me tirar uma dúvida? Nesse trecho: "const formatTime = (time) =>", como é recebido o valor "time" pra começar as divisões e definir horas, minutos, segundos e centésimos? Eu realmente não entendi kkkkk 😔

    • @larissakich
      @larissakich  8 місяців тому +2

      A função formatTime recebe um número que representa o tempo em centésimos de segundo. Ela divide esse número para obter horas, minutos, segundos e centésimos individuais. Em seguida, formata essas partes para criar uma representação do tempo no formato "hh:mm:ss:cc", onde "hh" são horas, "mm" são minutos, "ss" são segundos e "cc" são centésimos.
      Por exemplo, se o número total de centésimos for 366500, a função calculará que isso representa 1 hora (360000 centésimos), 1 minuto (6000 centésimos), 5 segundos (500 centésimos) e nenhum centésimo. Portanto, a string retornada seria "01:01:05:00".
      Espero ter conseguido explicar kkk

    • @ericsouzammk
      @ericsouzammk 8 місяців тому

      @@larissakich aaah sim, consegui entender, obrigado 🙂

  • @cdnfds9567
    @cdnfds9567 Рік тому

    Mostra criando um Bot de whatsapp igual o aleatory

    • @larissakich
      @larissakich  Рік тому +1

      Oii, muito obrigada pela sujestão 😄

  • @giulianbastos4287
    @giulianbastos4287 Рік тому

    Obrigado pela sua ajuda, estava com dificuldades na parte js e vc ajudou bastante.

  • @Igor-pk3po
    @Igor-pk3po 10 місяців тому

    oi lari, quais extenções você usa

    • @larissakich
      @larissakich  10 місяців тому

      Oii, as que eu mais uso são: colorize, material icon theme, Omni Owl Theme e Live Server. Talvez eu tenha esquecido de alguma, mas acho que são essas

  • @lucasferreira5606
    @lucasferreira5606 Рік тому

    Você pretende trazer conteúdo de React??

    • @larissakich
      @larissakich  Рік тому +1

      Siiim, já estou planejando alguns

  • @misaelsapiente4124
    @misaelsapiente4124 8 місяців тому

    Show de bola!! parabéns

  • @guilhermecode2964
    @guilhermecode2964 Рік тому

    Muito show!

  • @caua1234kkk
    @caua1234kkk Рік тому

    qual o nome desse tema do VS code?