muito bom cara , gostei muito dessa tarefa, estou estudando pela faculdade, mais nao tem comparação seus videos e mais explicativos e praticos, faz mais videos assim que vai longe , parabens pela iniciativa.
Parabéns pelo vídeo e o canal, cara. Continua trazendo mais vídeos assim fazendo uns projetinhos simples, acredito que motiva quem é iniciante e mostra que com o simples já dá pra construir alguma coisa.
Galera! Uma super dica para vocês, sempre vejam os vídeos em 2.0 para entenderem a lógica da parada, depois tentem fazer por conta própria. Quando tiver dúvida, voltem o vídeo onde ficou a dúvida e assistam na velocidade menor, no meu caso é 1.5.
Valeu. Obrigado. Uma coisa que notei é que se vc clicar mais de uma vez nos botões o cronômetro fica doido. É isso mesmo? É algum "erro" do código ou será algo aqui no meu computador? ...
A diferença é bemmmm pequena, mas basicamente o let tem mais regrinhas do que o var! Por ex, se vc criar uma var teste = “testando”, tu pode a criar novamente tipo: var teste = “testou”, que ela vai ser sobrescrita! Já o let, vai jogar um erro falando “opa, essa variável já existe!” O que é bom, pois previne que a gente sobrescreva variáveis sem querer.
Notei que se ficar apertado o botão de iniciar(play) a velocidade do setInterval dobra passando de 1s=> 2s => 4s.... (em resumo, não fica passando em 1 em 1 segundo)
Muito bom o vídeo, aprendi bastante. Obrigado! Porém, tenho uma dúvida, na parte de parar, você colocou o clearinterval e "00:00:00". Isso n faz o watch resetar de fato, só faz ele pausar e disfarçar com os "00:00:00". Estes zeros são strings. Se iniciar o relógio e parar em 20 minutos, por exemplo, e depois iniciar, o relógio não contará do início, ele continuará contando a partir do 20. Tem alguma função para ele realmente resetar?
Ele primeiro da um 'clearInterval' pra parar a contagem e depois, Declara o valor das variaveis em 0, mesmo parando em 20:00 '"Lembrando que esse valor é um texto" O Texto não vai mudar mas a variavel ja está com o valor em 0, tanto que se iniciar, começa a contar do 0. Ai pra disfarçar esses '20:00' (Não zera pq é um texto) vc coloca o texto em '' 00:00' ' ( SE INICIAR DOS 20:00 VOCE ESQUECEU DE ZERAR AS VARIAVEIS) Tem varios jeitos melhores de fazer, mas teria que usar coisas mais avançadas, Pelo proposito do vídeo funciona mt bem.
Oi Leo tudo bom? Parabéns pelo vídeo! Obrigada por compartilhar seu conhecimento! Estou estudando JS tem uns 6 meses apenas, e só agora que to começando a entender a lógica kkk. Valeu mesmo! Feliz Ano Novo pra vc! Bjs
muito bom o projeto, refiz mas com uma estilização um pouquinho diferente. porém tenho duas dúvidas, a primeira: percebi que ao clicar no start por mais de uma vez o relógio começa a contar mais rápido e as funções de pause e stop não funcionam a segunda é: queria fazer realmente como um cronômetro que conta os milésimos, segundos, minutos mas que esconde as horas para que só sejam exibidas a partir do momento em que os minutos chegam nos 60, como faço pra mostrar na tela essas horas que estão ocultas? se alguém puder me responder ficarei grato.
Você já deve ter se virado, mas eu resolvi o bug usando o atributo ".disabled" para button, true ou false, conforme o botão clicado. Pretendo fazer uma versão como você disse, com horas e dias aparecendo só quando ocorrerem e com opções de configurações para mostrar décimos, centésimos e milésimos de segundo. Para o valor aparecer pretendo usar um classlist add para trocar uma classe com display none para display flex.
Parabéns pelo vídeo, show de Bola! Porém acho que ficou um bug aí, se clicar mais de uma vez em "START" o cronômetro continua aumentando o tempo, poderia fazer outro vídeo ensinando a corrigir, porque não sei como corrigir. rsrsrs
Fala Leo fiz esse cronometro, gostei demais, simples e fácil. porem encontrei um problema. quando pressiono a tecla iniciar com o cronometro já em andamento, parece que ele recebe uma dupla função, o relógio começa a atuar mais rápido, dai quando pressiono pausar ele zera os minutos e começa a contar novamente, se caso eu zerar, o cronometro volta a funcionar novamente do inicio com a função duplicada, só volta ao normal se atualizar o navegador. No seu também acontece isso? como posso resolver?
@@leoujo você fez o video de correção? procurei no seu canal e não encontrei, tbm estou com esses bugs, cheguei a fazer do zero o cronometro de outro canal e o dele tbm tem esse problema.
boa noite, poderia me ajudar: Implemente um algoritmo onde o usuário possa guardar palavras dentro de um vetor. Antes de inserir uma nova palavra dentro do vetor, verifique se a mesma não existe dentro do vetor. Caso exista, avise o usuário e não faça a inserção.
Obrigado pelo show de programação irmão, agora me tira uma dúvida, existe um bug no meu programa aqui que é quando aperto mais que uma vez o botão iniciar ele vai acelerando o cronômetro como faço para remover isto?
Então, isso é um bug que eu não vi na hora do vídeo. Eu fiz outro vídeo chamado “refatorando código é corrigindo bugs na prática” em que eu corrigi isso! Dá uma olhada lá
Muito bom, só não entendi algo.. o JS simplesmente não funcionou comigo, eu fiz tudo certinho, e até o HTML indica q ele ta direcionado pra minha file do JS, mas não funciona, tudo oq aparece é o alarme só que ele não desempenha nada e o console não imprime nada quando eu clico
Fala Leo, vi o seu projeto muito show, parabéns pelos ensinamentos ai, mas no cronometro me deparei com erro, quando clica no iniciar varias vezes ele acelera o cronometro
Bem observado…vou juntar todos os bugs dos meus vídeos e fazer um vídeo só sobre isso (resolvendo eles). Se perceber mais alguma coisa (nesse ou em outro vídeo) comenta aí. 👊🏻
opa, poderia me explicar por que o seu HTML atualiza em tempo real, e o meu eu tenho sempre que dar um Live server? alguem me ajuda galera? queria fazer uns projetos em tempo real, mas sempre tem que dar live server e abrir diversas paginas pra ver como ta ficando meu projeto.
live server só atualiza quando você salva o que está fazendo no VSCODE, ele usou o atalho 'CTRL + S', assim você nem percebe quando ele salva, acaba virando costume.
Leo mais uma vez arrasando, parabéns!! fiz aqui, deu certinho
Parabéns pelo tutorial Leonardo, só temos que agradecer por esta contribuição. Muito grato.
O amigo da sala que ensina a matéria ta ensinando melhor que muitos "professores" por ae. Vlw irmão tmj.
Haha na faculdade também é assim. Vlw 😜.
obrigado, me ajudou tanto que vc não tem ideia, eu fiz um temporizador na base do seu codigo, obriiagado
Interessante também seria colocar uma função para prevenir clicks duplos.
Muito bom.Usa estrutura condicional e isso é muito importante no apredizado.
Esse cara é o Chikamaro da programação. Preguiçoso e inteligente.
Muito top, deu pra entender muito! Ganho mas um inscrito
Ei cara, muito obg por passar esse projeto aqui. Vlw.
muito bom cara , gostei muito dessa tarefa, estou estudando pela faculdade, mais nao tem comparação seus videos e mais explicativos e praticos, faz mais videos assim que vai longe , parabens pela iniciativa.
Parabéns pelo vídeo e o canal, cara. Continua trazendo mais vídeos assim fazendo uns projetinhos simples, acredito que motiva quem é iniciante e mostra que com o simples já dá pra construir alguma coisa.
Muito obrigado! Já tenho algumas outras ideias de projetos. 😜
muito bom video para quem é iniciante ficar treinando por projetos aprende bastante, valeu amigo, +1 inscrito
Muito obrigado! Em breve teremos projetos maiores pra quem já sabe programar mas quer evoluir!
Galera! Uma super dica para vocês, sempre vejam os vídeos em 2.0 para entenderem a lógica da parada, depois tentem fazer por conta própria. Quando tiver dúvida, voltem o vídeo onde ficou a dúvida e assistam na velocidade menor, no meu caso é 1.5.
Valeu.
Obrigado.
Uma coisa que notei é que se vc clicar mais de uma vez nos botões o cronômetro fica doido.
É isso mesmo?
É algum "erro" do código ou será algo aqui no meu computador?
...
Show a aula, muito obrigado, sua didática é excelente!
Top Leo! Obrigado!
vasculhei a internet toda,n tinha achado nada,sua explicação e otima vlw 😁
Muito obrigado! Sei como é essa sensação, já sofri muito com a explicação dos outros haha
Parabéns pelo vídeo mano. Aprendi muita coisa, sucesso pra você!!
Conseguir fazer tudo certinho, Parabéns pela dedicação e o ótimo video👏👏
Tmj 👊🏻
Muito bom !! Ganhou um inscrito, não pare com o conteúdo de programação!!
Obrigado👊🏻! Pode deixar que eu fico cada dia mais animado para produzir esses tipos de conteúdos.
Muito obrigado! estou iniciando na programação esse vídeo ajudou demais, mas tem algum motivo usar var e nao let?
A diferença é bemmmm pequena, mas basicamente o let tem mais regrinhas do que o var! Por ex, se vc criar uma var teste = “testando”, tu pode a criar novamente tipo: var teste = “testou”, que ela vai ser sobrescrita! Já o let, vai jogar um erro falando “opa, essa variável já existe!” O que é bom, pois previne que a gente sobrescreva variáveis sem querer.
@@leoujo Top entendi, muito obrigado!
Notei que se ficar apertado o botão de iniciar(play) a velocidade do setInterval dobra passando de 1s=> 2s => 4s.... (em resumo, não fica passando em 1 em 1 segundo)
function start(){
interval++
if (interval === 1) {
interval = setInterval(counter, 1000)
}
}
coloca assim a function start, que para de acontecer esse bug
tem que coloca a "var interval = 0" junto com as outras variaveis
Ótimo vídeo, bem clean, deu pra pegar tudo direitin.
Vlw! É isso aí, tô aqui pra explicar de forma desenrolada.
Muito bom! Primeiro programa que "fiz". Consegui até modificar um pouco.
Ótimo vídeo!!
👊🏻
@@leoujo 👊
Você é fera!!!
Brabissimo seu canal!
Valeu demais, mano! Clareou muita coisa aqui.
Top demais parabéns 🎉
Muito bom o vídeo, aprendi bastante. Obrigado! Porém, tenho uma dúvida, na parte de parar, você colocou o clearinterval e "00:00:00". Isso n faz o watch resetar de fato, só faz ele pausar e disfarçar com os "00:00:00". Estes zeros são strings. Se iniciar o relógio e parar em 20 minutos, por exemplo, e depois iniciar, o relógio não contará do início, ele continuará contando a partir do 20. Tem alguma função para ele realmente resetar?
Ele primeiro da um 'clearInterval' pra parar a contagem e depois,
Declara o valor das variaveis em 0, mesmo parando em 20:00 '"Lembrando que esse valor é um texto"
O Texto não vai mudar mas a variavel ja está com o valor em 0, tanto que se iniciar, começa a contar do 0. Ai pra disfarçar esses '20:00' (Não zera pq é um texto) vc coloca o texto em '' 00:00' ' ( SE INICIAR DOS 20:00 VOCE ESQUECEU DE ZERAR AS VARIAVEIS)
Tem varios jeitos melhores de fazer, mas teria que usar coisas mais avançadas,
Pelo proposito do vídeo funciona mt bem.
cara tinha feito sozinho mas nao tava tao bom ajudou bastante
Tmj 👊🏻
Oi Leo tudo bom? Parabéns pelo vídeo! Obrigada por compartilhar seu conhecimento! Estou estudando JS tem uns 6 meses apenas, e só agora que to começando a entender a lógica kkk. Valeu mesmo! Feliz Ano Novo pra vc! Bjs
eu to aprendendo js agr e o seu vídeo me ajudo a enterder muita coisa cara vlw
Muito obrigado! 👊🏻
Video excelente! me tirou muitas duvidas.
Que aula incrível!Muito obrigado prof💜
De nada 😁
Valeu. Obrigado.
como faz para o cronometro ja começar, sem precisar clicar no botao start?
sucesso!
Parabéns pelo video, ótimo conteudo, continua assim, valeu
Muito obrigado! Pode deixar. 👊🏻
muito bom o projeto, refiz mas com uma estilização um pouquinho diferente.
porém tenho duas dúvidas, a primeira: percebi que ao clicar no start por mais de uma vez o relógio começa a contar mais rápido e as funções de pause e stop não funcionam
a segunda é: queria fazer realmente como um cronômetro que conta os milésimos, segundos, minutos mas que esconde as horas para que só sejam exibidas a partir do momento em que os minutos chegam nos 60, como faço pra mostrar na tela essas horas que estão ocultas? se alguém puder me responder ficarei grato.
Você já deve ter se virado, mas eu resolvi o bug usando o atributo ".disabled" para button, true ou false, conforme o botão clicado. Pretendo fazer uma versão como você disse, com horas e dias aparecendo só quando ocorrerem e com opções de configurações para mostrar décimos, centésimos e milésimos de segundo. Para o valor aparecer pretendo usar um classlist add para trocar uma classe com display none para display flex.
Obrigado pela aula.
Mas, encontrei um problema: caso tecle em iniciar várias vezes, há uma retroalimentação que acelera o cronômetro.
Pode me ajudar?
Então, eu vou fazer um vídeo melhorando esses projetos aqui do canal, aí eu corrijo isso. 😄
Se der iniciar mais de uma vez , o seu código da problema, como resolver?
Já da pra usar o cronômetro como base e fazer um pomodoro
brabo
só por curiosidade, tem algum problema usar ''em'' e ''px'' na mesma coisa que eu estou estilizando?
por exemplo:
button{
height: 2.5 em
width: 10px
}
Tem não, só é meio feio, pq não tá padronizado sabe?
Parabéns pelo vídeo, show de Bola!
Porém acho que ficou um bug aí, se clicar mais de uma vez em "START" o cronômetro continua aumentando o tempo, poderia fazer outro vídeo ensinando a corrigir, porque não sei como corrigir. rsrsrs
Cara: Olha oq eu sei fazer fulano.
Fulano: Caraca, tu é sinistro mesmo.
KKKKKKKKKKKK muito bom mano
Fala Leo
fiz esse cronometro, gostei demais, simples e fácil. porem encontrei um problema. quando pressiono a tecla iniciar com o cronometro já em andamento, parece que ele recebe uma dupla função, o relógio começa a atuar mais rápido, dai quando pressiono pausar ele zera os minutos e começa a contar novamente, se caso eu zerar, o cronometro volta a funcionar novamente do inicio com a função duplicada, só volta ao normal se atualizar o navegador. No seu também acontece isso? como posso resolver?
Acontece tbm! Vou fazer um vídeo corrigindo todos esses bugs de uma vez, pode deixar! 👊🏻
@@leoujo você fez o video de correção? procurei no seu canal e não encontrei, tbm estou com esses bugs, cheguei a fazer do zero o cronometro de outro canal e o dele tbm tem esse problema.
@@leoujo Oi Léo! Fizeste o vídeo corrigindo os bugs do projeto? Procurei no canal e não achei.
mt bom!!
não é mais facil usar o for?
aula top, parabéns
boa noite, poderia me ajudar: Implemente um algoritmo onde o usuário possa guardar palavras dentro de um vetor. Antes de inserir uma nova palavra dentro do vetor, verifique se a mesma não existe dentro do vetor. Caso exista, avise o usuário e não faça a inserção.
show!!
Obrigado pelo show de programação irmão, agora me tira uma dúvida, existe um bug no meu programa aqui que é quando aperto mais que uma vez o botão iniciar ele vai acelerando o cronômetro como faço para remover isto?
Opa, eu tenho um vídeo aqui no canal que eu corrijo isso! É um bug mesmo. O nome do vídeo é “Resolvendo bugs e refatorando código”.
@@leoujo tú é o cara leo
Obrigado cara me ajudou bastante
Tmj 👊🏻
Top
Blz, é possível colocar em um formulário, preço do produto, quantidade e calcular o total na página automático em javascript
Sim, é algo bem tranquilo de fazer
Quanto mais aperto mais rapido vai ficando. Porquê?
porque voce esta chamando a função mais vezes, tem q fazer uma validação para o botão nao funcionar após o andamento da contagem
@@diegorigo2647 Sua resposta foi muito importante para mim. Valeu mesmo.
Mano quando eu clico duas vezes no botão iniciar ele fica mais rapido'-'
eu tive um problema com o código maninho, espero que consiga me ajudar . quando eu clico duas vezes no botão iniciar ele acelera o tempo de contagem!
Então, isso é um bug que eu não vi na hora do vídeo. Eu fiz outro vídeo chamado “refatorando código é corrigindo bugs na prática” em que eu corrigi isso! Dá uma olhada lá
Muito bom, só não entendi algo.. o JS simplesmente não funcionou comigo, eu fiz tudo certinho, e até o HTML indica q ele ta direcionado pra minha file do JS, mas não funciona, tudo oq aparece é o alarme só que ele não desempenha nada e o console não imprime nada quando eu clico
Vlw! Joga seu código no github e manda o link que eu vejo qq aconteceu…
Fala Leo, vi o seu projeto muito show, parabéns pelos ensinamentos ai, mas no cronometro me deparei com erro, quando clica no iniciar varias vezes ele acelera o cronometro
Bem observado…vou juntar todos os bugs dos meus vídeos e fazer um vídeo só sobre isso (resolvendo eles). Se perceber mais alguma coisa (nesse ou em outro vídeo) comenta aí. 👊🏻
@@leoujo boa Leo aí fica bacana, com certeza vou assistir
opa, poderia me explicar por que o seu HTML atualiza em tempo real, e o meu eu tenho sempre que dar um Live server?
alguem me ajuda galera? queria fazer uns projetos em tempo real, mas sempre tem que dar live server e abrir diversas paginas pra ver como ta ficando meu projeto.
live server só atualiza quando você salva o que está fazendo no VSCODE, ele usou o atalho 'CTRL + S', assim você nem percebe quando ele salva, acaba virando costume.
8:52 o javascript começa aqui
Boa! E pra quem quer estudar mais sobre JavaScript apenas, tenho um vídeo com 5 desafios de JS!
Tu tem voz de dublador
Essa eu nunca escutei 😂, mas obrigado!
encontrei um bug hehehe se vc der iniciar e clicar novamente em iniciar ele nao para mais nem zera
Elementar