Vamos confessar que esse "elemento select" é bem complicado de se "criar". À primeira vista parece ser fácil, você insere um no html e boa. Entretanto, suas propriedades acabam "embolando o meio campo", o que torna inviável concluir o exercício sem dar aquela espiada. No mais, esse curso do Guanabara é um verdadeiro PRESENTE.
Guanabara, obrigada por esse seu curso. Trabalho na Alemanha como trainee em web design e estava sentindo MUITA falta de JavaScript e sempre dependia da ajuda de alguem. Mostrei seu curso para meus chefes por aqui e estou fazendo ele durante meu horario de trabalho. Em uma semana e pouco ja esta sendo suficiente para resolver 99% do que eu precisava por aqui. Muito obrigada! (Obs: sinto falta de comentarios de mulheres por aqui!) Abraco!
"Infezmente" nada! Nunca programei na vida, esse é meu primeiro curso, e estou achando mto loko!!! Ja comecei o de HTML5, logica de programacao, e vou fazer muitos outros depois. Ah, tenho 42 anos, e aprendi que a programação abre um horizonte muito grande para empreendedores! Valeu Guanabara! Grande abraço!
@@rafaelalbertodias2196 comecei faculdade de ciencia da computacao e parti para a area de CyberSecurity. Na epoca que escrevi o comentario estava em outro ramo. Agora sim deixei o outro definitivamente p ir p TI. Já estou dando os primeiros passos para empreender na area sim! Agora com foco total! Daqui uns anos a gente volta nesse comentario e eu posto o q aconteceu 🙏🏻☺️
Espero um dia conseguir ter uma aula presencial com esse cara. Já comprei alguns cursos de outras linguagens, mas nenhum professor passa o conhecimento tão bem igual a você, Guanabara. Parabéns! Professor absurdo!
Tive um pouco de dificuldade no primeiro mas consegui com ajuda e o segundo eu consegui fazer inteiro. Tinha tentado fazer este curso no ano que çançou, mas tinha travado nesta parte, e realmente muito gratificante depois de tanto tempo perceber que eu evolui pelos menos um pouco. A qualidade deste curso e a melhor que eu já vi.
Quebrei a cabeça, tive que pesquisar umas dúvidas que eu tive, mas no final a satisfação de ter conseguido fazer o programa "sozinho" é inigualável, ótima proposição Guanabara!
Consegui fazer dps de muito esforço!! tá aí para quem tiver dúvidas assim como eu tive ,não desistam! tá sem emoji porém eu vou ver a próxima aula que ele vai ensinar lá. function contar(){ var ini = window.document.getElementById("ini") var fim = window.document.getElementById("fim") var pas = document.getElementById("pas") var res = document.getElementById("res") var n1 = Number(ini.value) var n2 = Number(fim.value) var n3 = Number(pas.value) res.innerHTML = `Contando:` if(ini.value.length == 0 || Number(fim.value)
tive que pegar um pouco de ajuda na parte das condições eu estava com um pouco de duvidas, ai peguei um empurrão com seu comentário. Fiquei mais 1hr tentando arrumar a parte em que sempre que eu quiser contar novamente, apague o valor da contagem passada.
function contar(){ //VARIÁVEIS// var ini = document.getElementById('inicio') var fim = document.getElementById('fim') var pul = document.getElementById('pular') var n1 = Number(ini.value) var n2 = Number(fim.value) var n3 = Number(pul.value) var res = document.getElementById('res') //VARIÁVEIS// //CONDIÇÃO// if(ini.value.length == 0 || Number(fim.value) < Number(ini.value) || Number(ini.value) < 0){ alert ('[ERROR] Impossível Contar com os Dados Fornecidos!') }else if(fim.value.length == 0 || Number(fim.value) < 0){ alert ('[ERROR] Impossível Contar com os Dados Fornecidos!') }else if(pul.value.length == 0 || Number(pul.value) < 0){ alert ('[ERROR] Impossível Contar com os Dados Fornecidos!') }else{ for(var n1; n1
uma ideia ai pra quem não sabe fazer esse select html que ele falou no vídeo, eu não sabia... é criar uma lista e no script fazer um looping para adicionar elementos (linhas) na lista com as contas e resultados na tabuada. fiz 2 for, 1 no começo que remove os elementos li, feitos caso eles existam) e um outro que adiciona os elementos li com ids para eles poderem ser removidos depois caso o usuário queira mudar a tabuada que ele quer ver. coloquei um hover no css para a lista para quando passar o mouse em cima ele destacar.
Obrigado por mais uma aula, por mais um ensinamento. Você e sua equipe são incríveis, sua didática é muito envolvente, obrigado por compartilhar tanto conhecimento conosco. Muito obrigado mesmo, meu professor.
O exercício é tão importante pra mim que eu cheguei até o curso de JS aqui, pesquisando sobre exercícios de JS, pois, faço um curso dessa linguagem de programação em outra plataforma, porém, o curso que estou fazendo é bastante pobre em exercícios. Conteúdo muito bom Guanabara. Vlw msm.
Essas aulas de exercício estão fantásticas!!! Guanabara, estou curtindo muito esse curso. Faz uma playlist com vários exercícios de JS. Tipo aquela que tem no curso de Python.
Sim! Aprendi HTML e CSS há pouco tempo, com um livro muito elogiado e muito bom, o Head First, mas a disposição do Curso em Vídeo para criar novos e diferentes exercícios constantemente é algo muito característico e especial deles! Não terminei o livro com a mesma sensação de dominar bem o básico de quando fiz outros cursos daqui.
Fiquei mais de 1 hora tentando montar o esquema do início, fim, passos kkkkkkkk Não tenho a mínima ideia de como fazer tanto o ex01 quanto o ex02 kkkkkk
JS: function contar() { function contando(){ inicio = document.getElementById("inicio_v") fim = document.getElementById("fim_v") passo = document.getElementById("passo_v") resultado = document.getElementById("res") i = Number(inicio.value) f = Number(fim.value) p = Number(passo.value) for (c = i; c
@@Newonzz Sim, amigo, comigo aconteceu de chegar achando que os comandos fossem tipo expressões matemáticas, em que tudo pode ser trocado de lugar, e depois perceber que cada linguagem tem suas limitações neste sentido, e são muitas mesmo. Mas sempre tem jeito!
Não consegui fazer o segundo exercício exatamente como o professor propôs, mas tentei chegar o mais perto segundo a forma que fiz, e ficou assim: // HTML
Gente vamos dar apoio ao site curso em video tbm... e no estudonauta! La com pouco podemos apoiar este trabalho feito aqui no youtube e entao os pedidos de para esse curso intermediario e avançado podem ser realidade mais pra frente... eu sei q tem mil plataformas por ai com cursos de programação, porem explicar com a didatica que o Guanabara tem no sangue nao existe!!!
tabuada , simples, mas funciona. function tabuada(){ var num = window.document.getElementById("txtnum") var res = window.document.getElementById("tabuadares") var numero = Number(num.value) for(var c = 0; c
eu fiz esse segundo exercício utilizando uma aí cada célula dessa table eu acrescentei uma operação mas o layout não ficou com aquela barra lateral mas tudo bem o resto funcionou até quando a gente seleciona fica azul
_// JavaScript_ btn = document.getElementById('bt') btn.addEventListener('click', function contar() { var inicio = document.querySelector('#initial') var fim = document.querySelector('#end') var passo = document.querySelector('#passo') var contando = document.getElementById('contando')
inicio = Number(inicio.value) fim = Number(fim.value) passo = Number(passo.value)
Rapaz! não sei os outros, mas eu sou fissurado em exercícios, para mim não tem nada mais rápido para massificar o aprendizado! daqui não saio, daqui ninguém mim tira :)
Galera, sei que é clichê/repetitivo, mas de reforço: Façam os exercícios. Vocês não tem ideia do quanto isso faz diferença. Comprei um curso - caro pra caramba - de programação que o professor apenas explicava o assunto e na hora da prática, não tinha exercício, era algo mais do tipo "Inventa uma coisa aí da sua cabeça e faz". Esses exercício pré-montados dessa forma ajudam - E MUITO! - na prática inicial de algum conhecimento. Ainda mais tão bem explicado. Aí depois de executar o exercício, tentem adicionar/modificar alguma coisa. Neste exercício eu recomendo o seguinte desafio a mais: caso número inicial for maior que o número final, a contagem deve ser regressiva. Bons estudos e tamo junto nessa! 🖖🏻
Consegui criar os 2 exercícios no js mas não consegui fazer o resultado aparecer no HTML, só no window.alert mas foi um baita aprendizado, pesquisei bastante e tentei fazer a solução de vários jeitos, agora vou ver como é a resolução...
Esse foi meu resultado!!! Muito feliz que consegui fazer até q rápido :) function contar(){ var i = document.getElementById('itxt') var f = document.getElementById('fimtxt') var p = document.getElementById('passotxt') var r = document.getElementById('res') var ini = Number(i.value) var fim = Number(f.value) var passo = Number(p.value) if(ini == '' || fim == '' || passo ==''){ window.alert("Impossível contar") res.innerHTML = 'Impossível contar' } else if(ini=fim; resultado = resultado - passo){ res.innerHTML +=`${resultado}...` } }
finalizando os dois exercícios sem olhar os vídeos, quando tinha alguma dúvida que não conseguia descobrir perguntava a IA se existe tal coisa no Javascript que faça o que estou pensando e ela me respondia de forma direta. agora quando acontecia um bug tentava por conta própria entender, no último caso pedia ajuda ela sobre erro em especifico. acho que a tendência que no futuro seja usada como ferramenta de trabalho e aumentar nossa produtividade, até porque sempre vamos precisar buscar na documentação ou em sites tais informações que não teremos em mente no momento. importante é compreender e aprender com os erros.
É lamentável ver o professor insistir pra alunos fazerem os exercícios, se não gosta de fazer exercício e praticar, meu amigo, você está no lugar errado, aqui é lugar de quem tem prazer em colocar a mão na massa.
Às vezes, a pessoa não é acostumada ao autodidatismo e já quer passar logo para a criação de códigos complexos, demorando para perceber a importância de se fazer, inclusive, exercícios iniciais que parecem muito triviais. Mas, como você falou, se realmente queremos algo, então precisamos estar dispostos a um mínimo de sacrifício, especialmente quando já recebemos tanto na mão, como é o caso dos abençoados alunos do site.
a logica eu fiz por conta propria e estou feliz por isso, mas no codigo teve erro de sintaxe, mas fiz muita coisa por conta propria. Mas infelizmente erro é erro mas como foi pouca coisa ta execelente :)))
Caprichem na validação dos dados antes de receberem os Inputs. Mesmo recebendo valores numéricos, o programa é fácilmente quebrado quando se coloca valores negativos, ou colocando ( -+ ). Como a conta está sendo feita no Client-Side, a única coisa que travaria seria a Aba do usuário. Mas se estivesse em um server, ele travaria fácin.
Consegui fazer praticamente sozinho a única coisa que não consegui de jeito nenhum foi fazer o "passo" ganha valor 1 se usuário não digita nada ou digita 0 maa to orgulhoso!! Bora ver o resultado e mata minha dúvida
não nego, estou treinando muito JS mas mesmo assim tive que ver o resultado do primeiro exercicio, logo após fiz o segundo na moleza (não fiz em formato de html, apenas em JS mostrando o console, ia demorar mto tempo pra montar o html,tava sem paciencia ALSKDJLAKSDJJKL,mas sei como funciona iz)
Passo a passo para usar o DEBUG: 1. Abrir a pasta desejada no VS code; 2. Ir em RUN e clicar em ADD CONFIG e depois selecionar NODE. Com isso, um arquivo novo(launch.js) será aberto e inserido na pasta aberta com VS code; 3. Por fim, clique em RUM e depois em STAR DEBUGGING e seja feliz, pois o resto está com o mestre GG.
Fiz do meu jeito antes de ver o do guanabara.. function contar() { var resultado = window.document.getElementById("resultado") var inicio = window.document.getElementById("txtini") var fim = window.document.getElementById("txtfim") var gap = window.document.getElementById("txtgap") var ini = Number(inicio.value) var fino = Number(fim.value) var gaper = Number(gap.value) for(var c = ini; c
Estou amando o curso, mas acompanhar o que está escrito na tela do vídeo é muito difícil! Acho que para um próximo curso, a edição deveria melhorar nesse sentido. O Guanabara fala pra ver o vídeo no celular e fazer os testes e exercícios no computador. Nem pensar! Se alguém tiver uma dica de como dá pra melhorar isso, agradeço. No mais, bora estudo JS!
Me sinto bem ainda mesmo tendo que pegar um código sobre o For no youtube e revirar ele para entender um pouco a bagunça que estava para assim inclementar em meu código. Mas felizmente, consegui concluir o ex02, o ex01 foi só com a solução mesmo. :c
Achei que estava sabendo alguma coisa, mas fiquei horas resolvendo bugs. Coisas simples como esquecer de converter o valor do input. Pratica ai negada!!!
JAVA SCRIPT: function contar() { var ini = Number((document.getElementById('inicio')).value) var fim = Number((document.getElementById('fim')).value) var pas = Number((document.getElementById('passos')).value) var res = document.getElementById('res') res.innerHTML = 'Contando: ' if (ini == '') { window.alert('[ERROR] Por favor preencha os campos.') } else { if (pas
No primeiro exercício, achei estranho que no meu código não aparece a contagem se o início for 5 e o final for 10 e em outras condições parecidas. Mas nas demais situações, o código realiza a conta sem problemas... Caso alguém possa ver onde estou errando, me responda aqui nos comentários, por favor. HTML
my script function verificar(){ var inicio = document.getElementById("txtinicio") var fim = document.getElementById("txtfim") var passo = document.getElementById("txtpasso") var res = document.querySelector("div#res") var fim = Number(fim.value) var inicio = Number(inicio.value) var passo = Number(passo.value) var resposta = '' if (passo == 0 || fim < inicio || passo.length == 0 || fim.length == 0){ window.alert('[ERRO] - TENTE NÚMEROS VÁLIDOS E NÃO DEIXE CAMPOS VAZIOS') } else { do{ resposta += `👉 ${inicio} ` inicio = inicio + passo } while( inicio
Tive mais dificuldade nessa tabuada, mds o gambiarra que tive que fazer pra deixar o select dentro do for, segue abaixo o script function verificar() { var res = document.querySelector("div#res") var numero = document.getElementById("numero") var texto = '' var numero = Number(numero.value) for(i=1; i
function iniciarContagem(){ var inicio = Number(document.querySelector('input#txtinicio').value) var fim = Number(document.querySelector('input#txtfim').value) var passo = Number(document.querySelector('input#txtpasso').value) var res = document.querySelector('div#res') if (inicio > fim || fim == 0 ){ res.innerHTML = 'Não foi possível contar, verifique as informações acima.' } else { linhas = '' for (n=inicio;n
@@Carlos-pg6ns Eu apenas gerei uma nova variável, recebendo o valor de entrada, que foi colocado lá no input inicio fiz isso penas para conseguir rodar o for
Mano! QUE CURSO FODA! Consegui fazer o exercício 16 sozinho (fora os emoji). Gustavo, parabéns! E todo o pessoal do Curso em Vídeo. Cês são zika mesmo! Vim procurar esse curso porque não consegui fazer o Desafio da Trybe. Estava muito mal, me sentindo burro. Fiquei muito orgulhoso de mim mesmo conseguindo fazer este exercício. O problema não sou eu, é aquele HackerRank esquisito. kkk TMJ!
Vamos confessar que esse "elemento select" é bem complicado de se "criar". À primeira vista parece ser fácil, você insere um no html e boa. Entretanto, suas propriedades acabam "embolando o meio campo", o que torna inviável concluir o exercício sem dar aquela espiada. No mais, esse curso do Guanabara é um verdadeiro PRESENTE.
Professor, é fundamental dar continuidade nesse curso.
concordo
Guanabara, obrigada por esse seu curso. Trabalho na Alemanha como trainee em web design e estava sentindo MUITA falta de JavaScript e sempre dependia da ajuda de alguem. Mostrei seu curso para meus chefes por aqui e estou fazendo ele durante meu horario de trabalho. Em uma semana e pouco ja esta sendo suficiente para resolver 99% do que eu precisava por aqui. Muito obrigada! (Obs: sinto falta de comentarios de mulheres por aqui!) Abraco!
Olá. Sucesso p vc
Oi, Karina, eu estou na Italia, como estao as coisas ai na alemanha? A area de TI ai e bem aquecisa ne, como voce se vira com o Alemao?
@@felipemotta8802 vaco
@@gabrielf.7900 kkkkkkkk
Que massa!!!!
Exercício 01: 4:54
Exercício 02: 6:30
Thank
Tomara que o google patrocine o módulo intermediário e avançado, ai jesus!!!
Tomara #GooglePagaMais
#GooglePagaMais
#GooglePagaMais #GooglePatrocinaMais #QueremosConhecimento
Acho que o termo certo é Google Investe Mais... kk
#GooglePagaMais
"Infezmente" nada! Nunca programei na vida, esse é meu primeiro curso, e estou achando mto loko!!! Ja comecei o de HTML5, logica de programacao, e vou fazer muitos outros depois. Ah, tenho 42 anos, e aprendi que a programação abre um horizonte muito grande para empreendedores! Valeu Guanabara! Grande abraço!
Boa sorte, companheiro!
conseguiu amigo ?
@fatboy3033 e hoje está trabalhando na área já. tenho 37 e estou començando agora
@@rafaelalbertodias2196 comecei faculdade de ciencia da computacao e parti para a area de CyberSecurity. Na epoca que escrevi o comentario estava em outro ramo. Agora sim deixei o outro definitivamente p ir p TI. Já estou dando os primeiros passos para empreender na area sim! Agora com foco total! Daqui uns anos a gente volta nesse comentario e eu posto o q aconteceu 🙏🏻☺️
@@fatboy3033upp
Espero um dia conseguir ter uma aula presencial com esse cara. Já comprei alguns cursos de outras linguagens, mas nenhum professor passa o conhecimento tão bem igual a você, Guanabara. Parabéns! Professor absurdo!
estou estudando essa playlist de Guanabara no inicio ano de 2023 e ainda está super funcional! top velho Guanabara!!!!
Aqui em 2024.
@@nightlordsmen to na mesma mano kkkkkkk
@@buggamer334 Eu tb
Tive um pouco de dificuldade no primeiro mas consegui com ajuda e o segundo eu consegui fazer inteiro.
Tinha tentado fazer este curso no ano que çançou, mas tinha travado nesta parte, e realmente muito gratificante depois de tanto tempo perceber que eu evolui pelos menos um pouco.
A qualidade deste curso e a melhor que eu já vi.
Consegui resolver os dois exercícios, a sensação é muito gratificante.
Quebrei a cabeça, tive que pesquisar umas dúvidas que eu tive, mas no final a satisfação de ter conseguido fazer o programa "sozinho" é inigualável, ótima proposição Guanabara!
Esse curso precisa de continuação! Google, pagao homi!
Tem que ter o intermediário e avançado! Tá muito boa essa didática. Parabéns aos produtores, e Guanabara!
Estou gritando aqui sozinha, pq consegui fazer a lógica no terminal, agora só falta passar isso para o site, mas plmns no terminal foi 🙏🏾🙏🏾
comigo tambem kkkk
Consegui fazer dps de muito esforço!! tá aí para quem tiver dúvidas assim como eu tive ,não desistam! tá sem emoji porém eu vou ver a próxima aula que ele vai ensinar lá.
function contar(){
var ini = window.document.getElementById("ini")
var fim = window.document.getElementById("fim")
var pas = document.getElementById("pas")
var res = document.getElementById("res")
var n1 = Number(ini.value)
var n2 = Number(fim.value)
var n3 = Number(pas.value)
res.innerHTML = `Contando:`
if(ini.value.length == 0 || Number(fim.value)
tive que pegar um pouco de ajuda na parte das condições eu estava com um pouco de duvidas, ai peguei um empurrão com seu comentário. Fiquei mais 1hr tentando arrumar a parte em que sempre que eu quiser contar novamente, apague o valor da contagem passada.
function contar(){
//VARIÁVEIS//
var ini = document.getElementById('inicio')
var fim = document.getElementById('fim')
var pul = document.getElementById('pular')
var n1 = Number(ini.value)
var n2 = Number(fim.value)
var n3 = Number(pul.value)
var res = document.getElementById('res')
//VARIÁVEIS//
//CONDIÇÃO//
if(ini.value.length == 0 || Number(fim.value) < Number(ini.value) || Number(ini.value) < 0){
alert ('[ERROR] Impossível Contar com os Dados Fornecidos!')
}else if(fim.value.length == 0 || Number(fim.value) < 0){
alert ('[ERROR] Impossível Contar com os Dados Fornecidos!')
}else if(pul.value.length == 0 || Number(pul.value) < 0){
alert ('[ERROR] Impossível Contar com os Dados Fornecidos!')
}else{
for(var n1; n1
Caso n tenha aprendido ainda a por o emoji, coloca assim depois do ${n1}, 👉 (tudo junto).
@@leandrosousa334 vlw
uma ideia ai pra quem não sabe fazer esse select html que ele falou no vídeo, eu não sabia...
é criar uma lista
e no script fazer um looping para adicionar elementos (linhas) na lista com as contas e resultados na tabuada.
fiz 2 for, 1 no começo que remove os elementos li, feitos caso eles existam) e um outro que adiciona os elementos li com ids para eles poderem ser removidos depois caso o usuário queira mudar a tabuada que ele quer ver.
coloquei um hover no css para a lista para quando passar o mouse em cima ele destacar.
Mano eu não entendi nada do que vc escreveu😂😂
2:19 'Infelizmente' não, a educação é um privilégio, que bom que podemos ter essa qualidade de ensino disponível de graça!
Demorou mas consegui, bora ver se ficou muito diferente nas próximas aulas :). Valew Guanabara
Obrigado por mais uma aula, por mais um ensinamento. Você e sua equipe são incríveis, sua didática é muito envolvente, obrigado por compartilhar tanto conhecimento conosco. Muito obrigado mesmo, meu professor.
O exercício é tão importante pra mim que eu cheguei até o curso de JS aqui, pesquisando sobre exercícios de JS, pois, faço um curso dessa linguagem de programação em outra plataforma, porém, o curso que estou fazendo é bastante pobre em exercícios. Conteúdo muito bom Guanabara. Vlw msm.
Se eu conseguir fazer sozinho, vou ficar muito orgulhoso kkkk. Vamo que vamo
acho que vc ta igual eu comecando no mundo da programacao kkk sorte manooo!
consegui fazer os 2 , o HTML pecou um pouco , pois esqueci bastante coisa , mas problemas solucionados , OBRIGADO GUANABARA
Essas aulas de exercício estão fantásticas!!! Guanabara, estou curtindo muito esse curso. Faz uma playlist com vários exercícios de JS. Tipo aquela que tem no curso de Python.
Estou fazendo os exercícios proposto do python em JS, está funcionando. Dá para aprender muito.
@@mmmarchetti Sim é só usar a lógica e de bônus você domina mais o html/css básico
A melhor parte são os exercícios. Ótimos vídeos :)
Sim! Aprendi HTML e CSS há pouco tempo, com um livro muito elogiado e muito bom, o Head First, mas a disposição do Curso em Vídeo para criar novos e diferentes exercícios constantemente é algo muito característico e especial deles! Não terminei o livro com a mesma sensação de dominar bem o básico de quando fiz outros cursos daqui.
Sou iniciante, e estou adorando o curso. Parabéns professor Guanabara, ótima didática!
Com o seu curso e o ChatGPT, estou conseguindo fazer esse exercicio, mas notei mt dificuldade minha, então irei buscar mais exercicios para a pratica
Também tive muita dificuldade para fazer tbm
Fiquei mais de 1 hora tentando montar o esquema do início, fim, passos kkkkkkkk
Não tenho a mínima ideia de como fazer tanto o ex01 quanto o ex02 kkkkkk
nem eu mano kkkkk, sem condiçoes
nem eu
@@rian1__ EX1
HTML:
Inicio:
Fim:
Passo:
CSS:
body{
width: auto;
margin-top: 100px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background: #2c78be;
color: white;
}
header {
padding: 20px;
display: flex;
flex-direction: row;
background-color: #538ae2;
border-radius: 10px;
text-align: center;
justify-content: center;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
#botao{
margin-top: 10px;
padding: 10px;
text-decoration: none;
border: 2px solid black;
border-radius: 5px;
color: white;
background-color: #4285F4;
border: none;
border-radius: 2px;
font-size: 16px;
width: 90px;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 0 4px #999;
outline: none;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
#botao:hover{
text-decoration: none;
border: 2px solid black;
border-radius: 5px;
color: white;
background-color: #2b5aa5;
border: none;
border-radius: 2px;
font-size: 17px;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 0 4px #999;
outline: none;
width: 95px;
transition: all 0.2s;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
input{
width: 34px;
margin: 5px;
position: static;
}
input:hover {
width: 36px;
margin: 5px;
transition: all 0.2s;
}
#res{
margin-top: 34px;
}
JS:
function contar() {
function contando(){
inicio = document.getElementById("inicio_v")
fim = document.getElementById("fim_v")
passo = document.getElementById("passo_v")
resultado = document.getElementById("res")
i = Number(inicio.value)
f = Number(fim.value)
p = Number(passo.value)
for (c = i; c
meu primeiro exercicio ficou assim, sei q n ta top mas tamo aprendendo kk
///Html:
model
Vamos contar
Inicio:
Fim:
Passo
Preparando a contagem
© Daviddds
/*css
body{
background-color: rgb(61, 61, 199);
}
header{
text-align: center;
font:normal 15pt Arial;
color: white;
}
section{
background-color: white;
width: 500px;
margin: auto;
padding: 5px;
border-radius: 10px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.432);
}
div{
margin-top: 8px;
}
footer{
text-align: center;
font:italic;
}
///script
function contar() {
var numInicio = document.getElementById('numInicio')
var numFim = document.getElementById('numFim')
var passo1 = document.getElementById('passo')
var numIn = Number(numInicio.value)
var numF = Number(numFim.value)
var passo = Number(passo1.value)
var res = document.getElementById('res')
if(numInicio.value.length == 0){
res.innerText = 'impossivel contar'
} else if (passo == 0){
alert('passo invalido, considerando passo = 1')
var passo = 1
while(numIn
Opa sei q passou três anos, mas pq no innerText usa += ?
@@eu0713 n lembro meu mano, nem lembrava q eu tinha feito esse bagui kkk mas no vídeo deve explicar
@@davidsilva4313 tá vlw, é q eu queria fazer antes de ver o vídeo pra ver se consigo
@@eu0713 tendi meu mano, bom q tu me lembrou desses vídeos, vou voltar a estudar JS
@@davidsilva4313 ah q bom mão, se tu for voltar desejo uma boa caminhada pra vc com os códigos kaka
As aulas de exercício são as mais legais!!!
concordo! da gostinho de ver os projetos feitos kkkk
O que mais gosto nas aulas? Os exercícios
o foda é a sintaxe velho, isso ta me bugando na hora de fazer funcionar certinho.
@@Newonzz Sim, amigo, comigo aconteceu de chegar achando que os comandos fossem tipo expressões matemáticas, em que tudo pode ser trocado de lugar, e depois perceber que cada linguagem tem suas limitações neste sentido, e são muitas mesmo. Mas sempre tem jeito!
Não consegui fazer o segundo exercício exatamente como o professor propôs, mas tentei chegar o mais perto segundo a forma que fiz, e ficou assim:
// HTML
Atividade 17
Tabuada
Número:
Tabuada
©CursoEmVideo
//CSS
body{
background-color: aqua;
}
section{
width: 500px;
background-color: white;
min-height: 300px;
border-radius: 10px;
margin: auto;
padding: 20px;
box-shadow: 5px 5px rgba(0, 0, 0, 0.225);
}
header{
text-align: center;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
footer{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
font-size: large;
margin: 10px;
}
#gerar{
border-radius: 10px;
background-color: aquamarine;
}
#number_i{
border-radius: 10px;
background-color: rgba(81, 80, 80, 0.226);
}
#resultado{
margin-top: 30px;
background-color: rgba(81, 80, 80, 0.226);
width: 200px;
min-height: 200px;
border-radius: 10px;
text-align: center;
padding: 10px;
box-shadow: 3px 3px rgba(0, 0, 0, 0.342);
}
// JAVASCRIPT
function gerar_tabuada() {
let tabuada = String()
let result = document.querySelector('.r_tabuada')
const numero = document.querySelector('#number_i').value
for (var num = 1 ; num
Acabei de ver aqui, você fez muito mais do que ele pediu 👏, só faltou o alert quando não se coloca nenhum número
@@amv.eterno tinha me esquecido disso no momento que comentei, mas logo tinha arrumado, só acabei não editando, mas muito obrigado pela ajuda
Gente vamos dar apoio ao site curso em video tbm... e no estudonauta! La com pouco podemos apoiar este trabalho feito aqui no youtube e entao os pedidos de para esse curso intermediario e avançado podem ser realidade mais pra frente... eu sei q tem mil plataformas por ai com cursos de programação, porem explicar com a didatica que o Guanabara tem no sangue nao existe!!!
Com exceção dos emoticons, consegui fazer os dois exercícios. Curso muito bom! Quero mais :)
Parabéns Professor, como sempre esse curso esta incrível. Estou aprendendo bastante com ele, um dos melhores canais que tem no RUclips.
tabuada , simples, mas funciona.
function tabuada(){
var num = window.document.getElementById("txtnum")
var res = window.document.getElementById("tabuadares")
var numero = Number(num.value)
for(var c = 0; c
eu fiz esse segundo exercício utilizando uma aí cada célula dessa table eu acrescentei uma operação mas o layout não ficou com aquela barra lateral mas tudo bem o resto funcionou até quando a gente seleciona fica azul
Se você quer que esses curso tenha continuidade, pfvr, deixe o like no vídeo.
assistindo no último dia do ano de 2022, não da pra esperar o novo ano pra começar a mudar de vida, tem que partir pra cima agora!!!!
*Primeiro exercício*
__
Contador de números
Inicio:
Fim:
Passo:
Contar
Contando:
© Curso em Video
_// JavaScript_
btn = document.getElementById('bt')
btn.addEventListener('click', function contar() {
var inicio = document.querySelector('#initial')
var fim = document.querySelector('#end')
var passo = document.querySelector('#passo')
var contando = document.getElementById('contando')
inicio = Number(inicio.value)
fim = Number(fim.value)
passo = Number(passo.value)
if (inicio < fim) {
while (inicio = fim) {
console.log(inicio)
if (inicio == fim) {
contando.innerHTML += inicio + ''
} else {
contando.innerHTML += inicio + '' + ', '
}
inicio = inicio + passo
inicio--;
}
}
})
preciso aprender a fazer esse addEventListener pois o onclick não é uma boa prática de JS
Rapaz! não sei os outros, mas eu sou fissurado em exercícios, para mim não tem nada mais rápido para massificar o aprendizado! daqui não saio, daqui ninguém mim tira :)
Galera, sei que é clichê/repetitivo, mas de reforço: Façam os exercícios. Vocês não tem ideia do quanto isso faz diferença.
Comprei um curso - caro pra caramba - de programação que o professor apenas explicava o assunto e na hora da prática, não tinha exercício, era algo mais do tipo "Inventa uma coisa aí da sua cabeça e faz". Esses exercício pré-montados dessa forma ajudam - E MUITO! - na prática inicial de algum conhecimento. Ainda mais tão bem explicado.
Aí depois de executar o exercício, tentem adicionar/modificar alguma coisa. Neste exercício eu recomendo o seguinte desafio a mais: caso número inicial for maior que o número final, a contagem deve ser regressiva.
Bons estudos e tamo junto nessa! 🖖🏻
Consegui criar os 2 exercícios no js mas não consegui fazer o resultado aparecer no HTML, só no window.alert mas foi um baita aprendizado, pesquisei bastante e tentei fazer a solução de vários jeitos, agora vou ver como é a resolução...
Meu tbm so apareceu no alert :/
Esse foi meu resultado!!!
Muito feliz que consegui fazer até q rápido :)
function contar(){
var i = document.getElementById('itxt')
var f = document.getElementById('fimtxt')
var p = document.getElementById('passotxt')
var r = document.getElementById('res')
var ini = Number(i.value)
var fim = Number(f.value)
var passo = Number(p.value)
if(ini == '' || fim == '' || passo ==''){
window.alert("Impossível contar")
res.innerHTML = 'Impossível contar'
} else
if(ini=fim; resultado = resultado - passo){
res.innerHTML +=`${resultado}...`
}
}
}
Consegui resolver o primeiro exercício sem ver a resolução! :D
Parabéns! :)
finalizando os dois exercícios sem olhar os vídeos, quando tinha alguma dúvida que não conseguia descobrir perguntava a IA se existe tal coisa no Javascript que faça o que estou pensando e ela me respondia de forma direta. agora quando acontecia um bug tentava por conta própria entender, no último caso pedia ajuda ela sobre erro em especifico. acho que a tendência que no futuro seja usada como ferramenta de trabalho e aumentar nossa produtividade, até porque sempre vamos precisar buscar na documentação ou em sites tais informações que não teremos em mente no momento. importante é compreender e aprender com os erros.
🥂
vim até essa aula pra comprovar que o guanabara sabe programar.
Mas vou até o final pra ter certeza.
É lamentável ver o professor insistir pra alunos fazerem os exercícios, se não gosta de fazer exercício e praticar, meu amigo, você está no lugar errado, aqui é lugar de quem tem prazer em colocar a mão na massa.
Às vezes, a pessoa não é acostumada ao autodidatismo e já quer passar logo para a criação de códigos complexos, demorando para perceber a importância de se fazer, inclusive, exercícios iniciais que parecem muito triviais.
Mas, como você falou, se realmente queremos algo, então precisamos estar dispostos a um mínimo de sacrifício, especialmente quando já recebemos tanto na mão, como é o caso dos abençoados alunos do site.
o exercício é a parte mais importante para fixar o conteúdo
a logica eu fiz por conta propria e estou feliz por isso, mas no codigo teve erro de sintaxe, mas fiz muita coisa por conta propria.
Mas infelizmente erro é erro mas como foi pouca coisa ta execelente :)))
Depois de quebrar a cabeça finalmente consegui , valeu Professor :)
eu cheguei nessa aula achando que era só pra fazer os exercicios JUNTO com ele . Não tava fazendo sozinho , que anta.
eu também kkkkkkkkkkkkkkkkkkkkkk ódio. somos dois burros
Cara eu sou seu fã, e graças aos seus cursos eu realmente tive impulso pra pensar em realizar uns programas maiores
Views das playlists de JS:
Curso Grátis de JavaScript Moderno - 121.692
Módulo A - Conhecendo o JavaScript- 107.690
O que o JavaScript é capaz de fazer? - Curso JavaScript #01- 447,897
JavaScript: como chegamos até aqui? - Curso JavaScript #02 - 224.492
Eventos DOM - Curso JavaScript #10 - 108.814
Condições (Parte 2) - Curso JavaScript #12 - 67.909
Exercícios JavaScript (Parte 4) - Curso JavaScript - 37.997
Muito bom, parabéns! Obrigado e sucesso
Caprichem na validação dos dados antes de receberem os Inputs. Mesmo recebendo valores numéricos, o programa é fácilmente quebrado quando se coloca valores negativos, ou colocando ( -+ ).
Como a conta está sendo feita no Client-Side, a única coisa que travaria seria a Aba do usuário. Mas se estivesse em um server, ele travaria fácin.
Melhor curso do mundoo!!!
Consegui fazer praticamente sozinho a única coisa que não consegui de jeito nenhum foi fazer o "passo" ganha valor 1 se usuário não digita nada ou digita 0 maa to orgulhoso!! Bora ver o resultado e mata minha dúvida
Dar uma pausa para descansar mas já volto com tudo!!!
não nego, estou treinando muito JS mas mesmo assim tive que ver o resultado do primeiro exercicio, logo após fiz o segundo na moleza (não fiz em formato de html, apenas em JS mostrando o console, ia demorar mto tempo pra montar o html,tava sem paciencia ALSKDJLAKSDJJKL,mas sei como funciona iz)
Já fiz o primeiro, vou fazer o segundo em breve!!
Muito Obrigado por tudo Professor e Equipe!
muito bom! podia mostrar como fazer depuração de uma aplicação que tem pagina html e javascript separados
Passo a passo para usar o DEBUG:
1. Abrir a pasta desejada no VS code;
2. Ir em RUN e clicar em ADD CONFIG e depois selecionar NODE. Com isso, um arquivo novo(launch.js) será aberto e inserido na pasta aberta com VS code;
3. Por fim, clique em RUM e depois em STAR DEBUGGING e seja feliz, pois o resto está com o mestre GG.
Fiz do meu jeito antes de ver o do guanabara..
function contar() {
var resultado = window.document.getElementById("resultado")
var inicio = window.document.getElementById("txtini")
var fim = window.document.getElementById("txtfim")
var gap = window.document.getElementById("txtgap")
var ini = Number(inicio.value)
var fino = Number(fim.value)
var gaper = Number(gap.value)
for(var c = ini; c
Consegui! Me embolei no final com os emojis mas no final ficou tudo idêntico!
Eu amo fazer exercicios!!
Cara por mais vídeo assim... Meuuu tava me perguntando se não ia ter atividade de casa kkkkkkkkkkkkk
Professor show, valeu pelo material compartilhado!
Não sei exatamente de que ano é o curso, mas li que o Watch in Chrome não é mais desenvolvido no VSCode. Uma alternativa é a extensão Live Server.
Professor, faz um curso ensinando como fazer uma loja virtual com HTML5, CSS3 E Javascript.
Excelente exercício. Parabéns Guanabara!!!!
Prof Guanara é sensacional!
Curso Excelente. Adorando
Depois de muito esforço consegui fazer sozinho kkkkkk tou feliz demais
Estou amando o curso, mas acompanhar o que está escrito na tela do vídeo é muito difícil! Acho que para um próximo curso, a edição deveria melhorar nesse sentido. O Guanabara fala pra ver o vídeo no celular e fazer os testes e exercícios no computador. Nem pensar! Se alguém tiver uma dica de como dá pra melhorar isso, agradeço. No mais, bora estudo JS!
Valeu Guanabara! Ta rolando =-)
Guanabara "Pesquisa na internet pra ver como usar emoji"
Internet "CTRL C + CTRL V"
Clica em "Win (Windows)" e depois em "."
Me sinto bem ainda mesmo tendo que pegar um código sobre o For no youtube e revirar ele para entender um pouco a bagunça que estava para assim inclementar em meu código. Mas felizmente, consegui concluir o ex02, o ex01 foi só com a solução mesmo. :c
Fiz a tabuada assim
body {
background-color: lightblue;
}
#tabtitle {
color: white;
text-align: center;
font-size: 40px;
}
#painel {
background-color: white;
border: black;
border-radius: 20px;
margin-left: 20px;
margin-right: 20px;
box-shadow: 1px 1px 1px black;
border: 1px solid black;
margin-left: 20px;
margin-right: 20px;
}
#escolha {
text-align: center;
}
#n1 {
position: relative;
height: 10px;
width: 50px;
top: -10px;
left: 120px;
margin-bottom: 25px;
box-shadow: 1px 1px 1px black;
}
#enviar {
position: relative;
top: 20px;
left: 60px;
background-color: white;
border: 1px solid black;
box-shadow: 1px 1px 1px black;
}
#tabpainel {
background-color: white;
border: black;
border-radius: 20px;
margin-left: 20px;
margin-right: 20px;
box-shadow: 1px 1px 1px black;
border: 1px solid black;
margin-top: 20px;
text-align: center;
position: relative;
}
p {
color: black;
position: relative;
}
TABUADA
Escolha um numero
var res = 'Preencha o campo acima'
document.getElementById('preencha').innerHTML = res
function calcular() {
var nn1 = document.getElementById('n1')
var n1 = Number(nn1.value)
n2 = n1 * 0
n3 = n1 * 2
n4 = n1 * 3
n5 = n1 * 4
n6 = n1 * 5
n7 = n1 * 6
n8 = n1 * 7
n9 = n1 * 8
n10 = n1 * 9
n11 = n1 * 10
if ( nn1.value.length === 0 ) {
document.getElementById('preencha').innerHTML = 'O campo acima não foi preenchido'
document.getElementById('tabuada').innerHTML = null
} else {
document.getElementById('preencha').innerHTML = null
document.getElementById('tabuada').innerHTML = `TABUADA DO ${n1}${n1} × 0 = ${n2}${n1} × 1 = ${n1}${n1} × 2 = ${n3}${n1} × 3 = ${n4}${n1} × 4 = ${n5}${n1} × 5 = ${n6}${n1} × 6 = ${n7}${n1} × 7 = ${n8}${n1} × 8 = ${n9}${n1} × 9 = ${n10}${n1} × 10 = ${n11}`
}}
Achei que estava sabendo alguma coisa, mas fiquei horas resolvendo bugs. Coisas simples como esquecer de converter o valor do input. Pratica ai negada!!!
Não consegui achar os mesmos emojis, mas aí vai:
HTML:
Modelo De Exercício
Vamos Contar
Inicio:
Fim:
Passos:
Preparando a contagem...
© 2B.inc
JAVA SCRIPT:
function contar() {
var ini = Number((document.getElementById('inicio')).value)
var fim = Number((document.getElementById('fim')).value)
var pas = Number((document.getElementById('passos')).value)
var res = document.getElementById('res')
res.innerHTML = 'Contando: '
if (ini == '') {
window.alert('[ERROR] Por favor preencha os campos.')
} else {
if (pas
seu code esta errado
vamo que vamooooo! Rumo a fullstack!
No primeiro exercício, achei estranho que no meu código não aparece a contagem se o início for 5 e o final for 10 e em outras condições parecidas. Mas nas demais situações, o código realiza a conta sem problemas...
Caso alguém possa ver onde estou errando, me responda aqui nos comentários, por favor.
HTML
Modelo de Exercício
Contador
Início:
Fim:
Passo:
A conta vai aparecer aqui!
© PA Productions
SCRIPT
function calcular() {
var inicio = document.getElementById('txtinicio');
var fim = document.getElementById('txtfim');
var passo = document.getElementById('txtpasso');
var res = document.querySelector('div#res');
var x = Number(inicio.value);
res.innerHTML = "";
if(passo.value == null || passo.value = fim.value){
res.innerHTML += ` ${x} `;
x -= Number(passo.value);
}
}
}
CSS
body {
background: rgb(89, 89, 247);
font: normal 15pt Arial;
}
header {
color: white;
text-align: center;
}
section {
background: white;
border-radius: 10px;
padding: 15px;
width: 500px;
margin: auto;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.377);
}
footer {
color: white;
text-align: center;
}
Se for dar uma olhada, esse exercício também serve pra fazer a tabuada
Meu primeiro exercício ficou assim:
// HTML
Exercício 3
Exercício 3
Início:
Fim:
Passo:
Edgard Mendes 2023
//CSS
body {
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: aqua;
}
header{
text-align: center;
}
section{
background-color: white;
width: 960px;
border-radius: 10px;
margin: auto;
padding: 30px;
}
#input {
display: flex;
flex-direction: column;
}
div label {
line-height: 3rem;
}
#button {
width: 150px;
margin: auto;
background-color: aqua;
border: 1px solid gray;
border-radius: 5px;
}
#button:active {
background-color: rgb(0, 217, 255);
}
footer {
text-align: center;
}
//JAVASCRIPT
// Seletores
const dataUserStart = document.querySelector("#start")
const dataUserEnd = document.querySelector("#end")
const dataUserStep = document.querySelector("#step")
const divResult = document.querySelector("#result")
const divCount = document.querySelector("#count")
const btn = document.querySelector("#button")
btn.addEventListener('click', play)
function play() {
const dataStartConvert = Number(dataUserStart.value)
const dataEndConvert = Number(dataUserEnd.value)
const dataStepConvert = Number(dataUserStep.value)
if(dataStartConvert === "" || dataEndConvert === "" || dataStepConvert === "" || dataStepConvert == 0 || dataEndConvert < dataStartConvert) {
alert('Preencha os campos corretamente e tente novamente.')
} else {
divCount.style.fontSize = "20px"
divCount.innerHTML = "Contando: "
for(let i = dataStartConvert; i
Guanabara melhor professor!
Boa, Guanabara. Vamos lá fazer os exercícios!!! ;)
Só os fortes chegaram até aqui :)
Depois de muita raiva, olheira, pessoas falando q o python é bem melhor, estamos aq
@@guilhermedutra4366 sim!!! kkkk
Como vou fazer se não sei! Mas vou pesquisar ❤
curso é top.
gente fiz em 20 minutos, estou muito surpreso comigo mesmo aaaaaaaaaaaaaaaaaaaa
my script
function verificar(){
var inicio = document.getElementById("txtinicio")
var fim = document.getElementById("txtfim")
var passo = document.getElementById("txtpasso")
var res = document.querySelector("div#res")
var fim = Number(fim.value)
var inicio = Number(inicio.value)
var passo = Number(passo.value)
var resposta = ''
if (passo == 0 || fim < inicio || passo.length == 0 || fim.length == 0){
window.alert('[ERRO] - TENTE NÚMEROS VÁLIDOS E NÃO DEIXE CAMPOS VAZIOS')
} else {
do{
resposta += `👉 ${inicio} `
inicio = inicio + passo
} while( inicio
Devo muito ao Professor Guanabara.
obrigado meu deus
aaah vc é demais...
Tive mais dificuldade nessa tabuada, mds o gambiarra que tive que fazer pra deixar o select dentro do for, segue abaixo o script
function verificar() {
var res = document.querySelector("div#res")
var numero = document.getElementById("numero")
var texto = ''
var numero = Number(numero.value)
for(i=1; i
Só agora percebi que, o bonequinho da abertura que sobe pra tocar na bolinha amarela, é o professor GUSTAVO!
function iniciarContagem(){
var inicio = Number(document.querySelector('input#txtinicio').value)
var fim = Number(document.querySelector('input#txtfim').value)
var passo = Number(document.querySelector('input#txtpasso').value)
var res = document.querySelector('div#res')
if (inicio > fim || fim == 0 ){
res.innerHTML = 'Não foi possível contar, verifique as informações acima.'
} else {
linhas = ''
for (n=inicio;n
oque é n?
@@Carlos-pg6ns Eu apenas gerei uma nova variável, recebendo o valor de entrada, que foi colocado lá no input inicio
fiz isso penas para conseguir rodar o for
Excelente curso!!
Mano! QUE CURSO FODA! Consegui fazer o exercício 16 sozinho (fora os emoji).
Gustavo, parabéns! E todo o pessoal do Curso em Vídeo. Cês são zika mesmo!
Vim procurar esse curso porque não consegui fazer o Desafio da Trybe. Estava muito mal, me sentindo burro.
Fiquei muito orgulhoso de mim mesmo conseguindo fazer este exercício. O problema não sou eu, é aquele HackerRank esquisito. kkk
TMJ!