Dica: Pra deixar padrão o 'lang pt-br' no html:5 (e tb no !) no vs code, va em configurações do VS Code, digite ‘snippets’, clique em ‘emmet’ e vai aparecer a opção para vc mudar.. basta colocar 'pt-br' no lugar de 'en' e sempre que vc iniciar um arquivo novo em HTML, vai estar lang='pt-br' :D Edit: Teve atualização, caso não apareça por padrão, crie um em Emmet: Variables. No Item coloque "Lang", no Valor coloque "pt-BR" e OK Bem legal.. :D Sobre a aula.. Não tem professor melhor que esse! É incrível o talento que ele tem de ensinar! Obrigada, professor!
Vale lembrar que na atual versão vc precisa criar uma emment variable, não vem mais na tela pra trocar, mas é só isso, add item e adcionar o pt-br, vc é incrível mina,
IMFORMAÇÃO IMPORTANTE PARA O EXERCÍCIO FINAL PROPOSTO, CURTEM PARA TODOS VEREM: acho que o código atualizou e o vídeo é de 2019, pois a input estava em number e ela não é válida para letras, como o exercício foi proposto para países ela deve ser a: input text. outro erro: deve ser posto sim o var com o "value". ex: var país = (nac.value) vou dar exemplo do que fiz apenas na parte da correção, quem quiser código todo é só comentar: var país = (sua var anterior.value) Dúvidas só perguntar. Abraço!
cara, to fazendo aqui esse exercicio e to travado na condição, não funciona, ele para no if, o else nao funciona, será que tem alguma mudança ou atualização do código?´Outra coisa é que sempre que clico em verificar ele adiciona um paragrafo abaixo ao invés de apagar a resposta e colocar a nova resposta por cima
Na aula ele fala que nao precisa converter pra value, mas realmente é necessario, deve ser alguma atualização, foi so criar uma nova variavel e colocar a (variavelantiga.value) que deu certo !
galera, o que me ajudou a entender melhor é ir pausando a aula, digitando o código e criando VÁRIOS comentários explicando o que eu acabei de fazer em cada linha. acho comentários suuuuper válidos em exercicios que estamos aprendendo, beijao
se está tendo muita dificuldade, te recomendo a começar programação estudando o portugol. Lá os comandos são todos em português e é mais fácil de vc entender.
Caramba pessoal! Tive muita dificuldade no exercício, tentei fazer ontem e não consegui, voltei aqui hoje, assisti duas aulas anteriores a esta, e refiz com muita facilidade.... A sensação de frustração acaba com qualquer motivação, isso é um fato, mas não deixem que essas sensações derrubarem vocês!!!! o pessoal aqui nos comentários também ajudaram bastante, mas mesmo assim, com cabeça quente eu só li "abobrinhas" (digo que parecia um bicho de 7 cabeças), mas depois de tirar um tempo de descanso eu li de novo e ficou mil vezes mais claro. Obrigado!!!
Por isso, eu sigo um método. Primeiro, assisto a tudo sem anotar nada para entender de forma geral. Depois, assisto novamente, mas agora fazendo anotações. Em seguida, tento fazer tudo sozinho, colocando mão na massa, com as minhas anotações. Se eu tiver alguma dúvida ou esquecer algo, volto na aula específica. Eu uso o Notion para anotar tudo. Não é necessário fazer um design elaborado no Notion, não dificulta algo simples. Basta organizar as aulas por páginas e utilizar os marcadores corretamente.
Tive uns problemas com a condição do exercício de nacionalidades, parecia que o código pulava o if (país == 'brasil') { res.innerText = `Vivendo em ${país}, você é brasileiro` } e só aparecia a mensagem do else `Vivendo em ${país}, você é estrangeiro` Até que dei uma pesquisada e descobri que minha condição não estava analisando o conteúdo da variável país, ent mesmo que o usuário digitasse brasil, dava que ele era estrangeiro, tive que colocar (país.value == 'brasil') e ${país.value} pra não aparecer objectHTMLinputElement. Esses foram os únicos problemas que tive com meu código, tô compartilhando caso mais alguém tenha tido o mesmo erro, já que o guanabara nos mostrou mais exemplos de variáveis numéricas
o meu ficou assim function calcular(){ var txt = document.querySelector('input#txt1') var res = document.querySelector('div#res') var txtv = String(txt.value) res.innerHTML = `Você é do país ${txtv}` if (txtv == 'Brasil', 'brasil','br'){ res.innerHTML += 'Você é brasileiro' } else { res.innerHTML += 'Você é estrangeiro' } }
@@JoaoVictor-ir3yu Na verdade, programação pode ser sim um jogo que tem níveis. Num jogo, quanto mais você se dedica pra evoluir, mais forte você fica. Assim como na programação; Quanto mais você praticar, mais você vai evoluir. Basta ter curiosidade para aprender novas funções, ou ter curiosidade para saber como um grande site funciona.
@@lauanamorim9136 cara quando me referi que não é como um jogo é pq o amigo acima queria modulo "médio" e "avançado" não existe isso o que existe é assuntos diferentes para áreas especificas, pra tu aprender a programar depois de tu aprender a logica tu já pode voar se tu focar muito em uma linguagem uma sintaxe especifica vai ficar muito dependente a uma linguagem. Por exemplo Java e outras linguagens são linguagens com Herança baseada em classes já o Javascript é baseado em prototipagem(Como eu vou tratar meu aprendizado como um jogo com níveis? Por exemplo um dia desses precisei usar js pra construir uma API e me deparei com esse conceito da herança dele, unica coisa nova que precisei entender pois já tinha uma bagagem com outras linguagens. Tua jornada vai ser demorada mas tu aprende errando, com um tempo tu pega qualquer linguagem e desenrola qualquer assunto)O jeito certo de programar é colocando a mão na massa criando pequenos projetos. Asim tu entende como o mundo real funciona o tempo que tu perde fazendo exercícios de sla somar números ou fazer contador tu pode iniciar um projeto real com problemas reais . Abraço amigo:)
Estou fazendo esse curso, com o intuito de mudar de vida. Nunca fui de estudar, na escola eu era um aluno "nem fede nem cheira", nunca fui de ler livros nem de ser intelectual. Comecei cedo a tocar violão, aprendi sozinho, as dificuldades são comuns, dedos machucados as notas não saem direito, e tudo parece impossivel de se gravar. Hoje, sou produtor músical, compositor, cantor, trabalhei com GRANDES artistas brasileiros, tudo isso com 24anos. Não é o que eu quero para mim porém, Trouxe isso tudo para a área da programação. Quando os termos parecerem impossiveis de lembrar ,eu me recordo o quanto era dificil fazer um Dó , um ré , ou o temido Fá para quem era iniciante rsrsrs. E quantas portas um VIOLÃO VELHO me abriu. Não vou desistir, vou mudar de vida, vou proporcionar para mim e para minha esposa uma vida de melhor qualidade, por que acredtio no meu potencial. Galera, acreditem em vocês mesmo. Levem consigo essa frase: - "Não é tão simples assim” é apenas uma desculpa esfarrapada de quem adora complicar tudo No fundo, coisa nenhuma neste mundo é tão simples. Tudo depende da vontade, do empenho e do compromisso de quem se dispõe a fazer seja lá o quê. Desejo a todos muito sucesso. MUITO OBRIGADO, Gustavo Guanabara por abrir essas infinitas portas para a gente. Agora , vamos ao que importa. Assim ficou o meu código: Você é Estrangeiro? Onde Você vive? Digite o seu nome:
function enviar() { let nacionalidade = window.document.querySelector('input#txtnac') let res = window.document.querySelector('div#info') let pais = nacionalidade.value.toLowerCase() let mostrar = nacionalidade.value let yname = window.document.querySelector('input#yname') let outname = yname.value res.innerHTML = `Olá ${outname}, Você é do país, ${mostrar}` if (pais == 'brasil'){ res.innerHTML += 'Você é Brasileiro.' } else { res.innerHTML += ' Você é Estrangeiro. ' } }
Verdade cara, passei por um caminho parecido, fui aluno mediano e hoje sou professor de música. Me formei em licenciatura devido a dificuldade de ser apenas músico, mas acabei amando a profissão. QUando descobri a programação encontrei minha segunda paixão. Desde então vivo dizendo pras pessoas que programar não ´´e impossivel. É tão difícil quanto aprender a ler e escrever ou dirijir um carro.
Mano, tu tem meu total respeito cara, com o seu comentário eu descobri onde eu errei e pq eu errei, sinceramente cara tu é foda e agr tu tem minha total admiração, sucesso na tua vida brother
Hoje tenho 26 anos, tenho um filho também de 10 meses, sou analista de desenvolvimento web fullstack júnior numa empresa com mais de 2700 funcionários, consegui atingir o meu objetivo, desejo a todos boa sorte.
Estou amando esse curso, confesso que levei dois dias para fazer exercício 09 que vc pediu, depois de ler algumas apostilas online e rever esse vídeo varias vezes, eu consegui! Guastavo, eu sou cinegrafista e editor de vídeos, depois de ser demitido aos 50 anos de idade, eu estou tentando me reinventar para continuar no mercado de trabalho, uma pena não ter tido essa atitude a mais tempo, mas estou me dedicando o máximo que consigo, passo a maior parte do meu tempo assistindo aos vídeos, não tenho palavras para agradecer pelos seus cursos :>)
O poder do ChatGPT é impressionante, em poucos minutos resolveu. xD Também estava um pouco travado para resolver o problema (e antes de ir ao chatGPT ainda andei pelo google) Apenas escrevi no chat : " check one value textbox javascript using if "
@@RudneyLeal as teclas F1, f2, f3..... Tem mais de uma função, aí pra usar a outra função tem que apertar junto com fn. Porém tem como você alterar isso invertendo na bios do notebook, aí vai ter que apertar fn pra outra opção do f8 quando precisar, espero que tenha entendido e espero não ter sido tarde demais pra descobrir.😅
se está tendo muita dificuldade, te recomendo a começar programação estudando o portugol. Lá os comandos são todos em português e é mais fácil de vc entender.
let n = window.prompt('Qual Seu nome ?') function consultar(){ let Brasil = 'Brasil' let txtbr = window.document.getElementById('txtn1') let msg = document.getElementById('msg') let pais = (txtbr.value) msg.innerHTML = ` Você tem nacionalidade da(o) : ${pais}` if(Brasil == pais){ msg.innerHTML += ` ${n} : Você é Brasileiro, seja bem vindo!! ` } else { msg.innerHTML += `${n} seus País é : ${pais}, você é ESTRANGEIRO!!` } }
me salvou pacas, eu tava quebrando a cabeça no que eu tava fazendo errado, e imagina só! era só eu tava usando query selector ao inves do getelementbyid
Quando for declarar a variavel do pais, pode usar o .value ex.: var pais = document.getElementById('pais').value, se não o if não funciona já que Brasil é o valor em texto e não a tag como o codigo puxa "document.getElementById('pais)'
Eu deveria ter visto os comentários logo kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk Passei um tempão nesse desafio kkkkkk que droga akakaakak Valeu, mano! TMj!!!!
Novamente começando do zero. Excelente aula, para quem não conseguiu fazer, eu vou deixar o meu cod aqui, mais lembrando, apenas para consulta e tirar duvidas, também aceito sugestões se tiverem. Usei a condição composta, pois ele ficava adicionando textos após nos mostrar que era estrangeiro, ai essa foi a minha solução. :
IMIGRAÇÃO SISTEMA DE IMIGRAÇÃO Pais de Origem:
function verificar(){ var pais = window.document.getElementById('txtpais') var res = window.document.querySelector('div#res') res.innerHTML = `Seu pais de origem é ${pais.value}.` if (pais.value == "Brasil"){ res.innerHTML += 'Você é brasileiro' }else{ res.innerHTML += 'Você é estrangeiro' }
Tudo bem que hoje é sábado mas... programão para as tardes de sábado e domingo: maratonar o curso de javascript do professor Gustavo Guanabara. Show de bola, Guanabara! Tu é massa, parceiro! Agradecimentos calorosos de um sessentão que se descobriu apaixonado por computação... Só valeu!!!
O professor é excelente, o curso é gratuito, o aluno tem de de gostar de linguagem de programação e ser dedicado aos treinamento.
ปีที่แล้ว +1
Olá 🦗! Concordo plenamente com você! Mas também é fundamental que o aluno tenha paixão pela linguagem de programação e seja dedicado aos treinamentos. A combinação do professor talentoso, materiais de ensino acessíveis e a motivação do aluno é o que faz toda a diferença no processo de aprendizado. Com essa fórmula, tenho certeza de que você alcançará ótimos resultados! Considere se tornar Estudonauta ou Aluno Apoiador em nosso site para ajudar no seu aprendizado. O apoio mútuo entre nós é essencial para continuarmos oferecendo cursos gratuitos e de qualidade. Vamos juntos nessa jornada de conhecimento! 💪💻🌟🖖
Obrigado a todos vocês que fazem parte da comunidade do curso em vídeo, vocês assim como o professor guanabara tem sido de grande ajuda em minha vida!!!!
Cara, eu já estava lá na frente em javascript, mais perdido que cego em tiroteio na faculdade, mas quando voltei aqui na base, TUDO COMEÇOU A FAZER SENTIDO! AAAAH COMO ESSE CURSO É BOOOM!
Cair na besteira de assinar logo o Alura e fiquei com alguns nós na cabeça!!! Você Um professor nato, nada de seguir o script de um tutorial que só vai narrando o que ta fazendo, você tem uma didática incrível de deixar tudo bem explicado e ainda faz com que a gente pense. Obrigado Guanabara!!! Obrigado Google!!! Esse método está sensacional
compartilho desse mesmo sentimento, assinei a Alura, porém estava com muitas dúvidas e Guanabara, você é incrível como professor, obrigado por ajudar nós e obrigado google por proporcionar esse conteúdo.
colega vc pode me ajuda Info: Start process (20:21:08) A velocidade do seu carro é 60.5km/h Info: End process (20:21:08) o meu fica aparecendo esse info vc sabe como tirar pra ele não aparecer mais
@@digitalhdr7768 isso me incomodou também e fuçando na extension consegui tirar. Faça o seguinte: abra o VSCode, vá na parte de extensões (CTRL+SHIFT+X) procure pela "Node.js exec". Observe que existe um símbolo de engrenagem que é para você gerenciar a extensão; clique nela. Lá irão aparecer diversas opções, acione a "Extension settings" (Configurações de Extensão). Procure pela opção "Miramac > Node: Show Info" e desabilite-a. Feito!
@@ivangneiding valeeuu, me ajudou demais. Ei, bora criar um grupo no whatsapp de programação, vi que é bom você aprender junto de outras pessoas mas não tem ninguém pra fazer. Caso queria, meu número é: 84 9625 9619
Galera, venho humildemente mostrar o que fiz pra dar certo no meu caso e espero ajudar alguém. O botão “verificar” não estava funcionando, então na linha “ var vel = Number(txtv.value)” ao invés de escrever manualmente “Number” eu selecionei. E o botão passou a funcionar.
Pra quem não conseguiu instalar a extenção que foi mostrada no video, instala o Code Runner e pra usar vc aperta Ctrl + Alt + N pode nao funcionar de primeira ai vc aperta novamente até funcionar.
@@____mariana_____x Vá para a barra de menus no topo do VS Code. Selecione "View" (Visualizar) no menu. Selecione "Terminal" no menu suspenso para abrir o terminal integrado.
Inacreditável como alguém pode dar deslike nesse vídeo, parabéns Guanabara pela excelente didática e por compartilhar esses valiosos conhecimentos com a gente de forma tão didática, você nasceu para ensinar. Muito obrigado!
Olá Gustavo Guanabara, admiro muito o seu conteúdo, realmente você traz conteúdo de excelente qualidade e fico até admirado com tamanha preocupação de realizar sempre o melhor trabalho, Parabéns ! . Bom queria saber se algum dia você poderia ensinar a criar algum jogo, obrigado pela atenção.
Valeu Guanabara! Fiz o curso de Phyton e penei demais pra aprender as condições, não fazia sentido na minha cabeça. Vim aprender aqui no seu curso de JS, ficou perfeito! Obrigado!
Estou fazendo as variáveis o mais ABRASILEIRADO possível, e fazendo anotações do lado pra ajudar. Então, usei nomes bem fáceis e fiz com que o input fique em maíuscula sempre, independente de como o usuário escrever. Sei que deve ter outra forma de fazer isso rs mas no momento é o que aprendi então lá vai: Sistema de Verificação de Cidadania Brasileira. Digite em qual país você nasceu?
Resultado:
function cidadania() { var nomePaís = document.querySelector('input#paísDigitado')// esta var recebe país digitado no input; var resultado = document.querySelector('div#resultado')// esta var recebe a div resultado que o texto irá ser substituído pelo innerHTML; var país = (nomePaís.value).toUpperCase() // esta var recebe o valor da var nomePaís, transforma em maíuscula para ser reconhecida abaixo com o if e o innerHTML fazer a interpolação. if (país != 'BRASIL'){ resultado.innerHTML = `Se o seu País de origem é ${país.toUpperCase()}, você é Estrangeiro.` } else { resultado.innerHTML = `Você nasceu no ${país.toUpperCase()}, parabéns! Você é Brasileiro.` } } O Style fica por conta de cada um... Aqui funcionou =] 😁🖖🧑🚀
Eu gostei da sua solução, e simplifiquei se não se importar, ficou assim: Sistema de Verificação de Cidadania Brasileira. Em qual país você nasceu?
function cidadania() { var país = (paísDigitado.value).toUpperCase() if (país != 'BRASIL'){ resultado.innerHTML = `O seu país de origem é ${país}, você é Estrangeiro!` } else { resultado.innerHTML = `Você nasceu no ${país}, parabéns! você é Brasileiro!` } }
Notas: Eu percebi que: 1- O id recebido tem que ser escrito com "value", "var x = (x.value)" para reconhecer o que foi digitado; 2- Na parte do "if", se o ( ' Brasil ' ) não estiver entre apóstrofos não vai ser reconhecido como "string", logo não terá com oque comparar e vai dar erro; 3- É preciso usar , caso se use na , não irá funcionar pelo meus testes, porém cada é único e não se deve usar 2 iguais num código por isso existe a ; 4- E também não é necessário ser uma na parte de informação, se usar o vai funcionar também.
Carai véi, que foda, o meu código tava respondendo só, se a pessoa era brasileira ou frança, e não tava indo o if e o else, copiei esse código seu e deu tudo certo, vou estudar o seu código certinho, pra eu ver oque eu tava errando, e tentar fazer de novo, muito obrigado mano!!
Mais Roberto o meu ficou meio bagunçado.. Não sei onde estou errando,fiz tudo certinho mas na hora de atualizar e verificar ele buga,ele não faz diferença de frase.
O curso ta daora demais! Pra quem ta quebrando muito a cabeça recomendo fazer o curso de lógica de programação do Guanabara, me ajudou muito na hora de aprender e fazer anotações de cada tópico que ele apresenta em um caderno organizado pra você poder fazer pesquisas quando necessário pq tbm não da pra decorar tudo de uma vez assim hehuehue. E PRATICAR MUITO! estava praticando e deu um erro ou não ta funcionando ? estude o erro procure como resolver ele, as vezes é uma coisa simples que você nem imagina ou só falta de informação.
Já estou com curso demais pra fazer, tipo HTML e CSS depois desse aqui ainda. Acha que esse de lógica de programação é indispensável? Ou dá pra aprender a lógica na raça?
Uma dica, alguns conseguiram fazer o exercício, porém ao escrever em minúsculo ou maísculo o resultado pode ser diferente. Na primeira linha de INput transformei os caracteres em maísculo, assim, independente do que o usuário escrever, sempre será o resultado esperado. Exemplo na primeira linha de input
Dica: para quem quiser brincar com CSS, ao invés de colocar , coloque apenas , desta forma, você poderá alterar as propriedades do elemento no CSS, com o comando button {}, caso precise de identificá-lo, basta colocar
Mas dá para alterar as configurações do input type="button", é só você colocar input[type='button'] { 'xxxxxxxxxxxxx' } E se tiver outros botões, só adicionar o id.
Quebrei a cabeça aqui mas resolvi o problema, testando e testando, nos primeiros erros imprimia apenas que a pessoa era só país que estava digitando, mas não imprimia o If e o Else, então descobri que apenas falta um ' ' nos parâmetros, após isso começou a imprimir os dois, como se não estivesse comparando nada, apenas imprimindo o que estava escrito no código. Depois de muito pensar usei o Else If para finalizar o programa. Obrigado professor, sua didática além de ser muito boa é muito gratificante conseguirmos escrever uma linha de código sozinho mesmo que seja bem simples 🤘🏽
Pra quem ta com dificuldade com o execicio continua tentando faze sozinho eu demorei um tempo pra consegui mas quando voce finalmente consegue da pra senti que realmete aprendi a fazer, um dia depois eu ja me sentia muito mais confortavel pra digita
@@mauriciosilva1551 nossa cara que incrível! Estou estudando também, para conseguir uma vaga. Você super me inspirou, que com esse curso e muito esforço sim é possível! E tbm saber que mesmo com dificuldades tu foi bem longe. Obrigada! Estou seguindo aqui firme!
@@mauriciosilva1551 Que maneiro cara! to entrando nesse mundo agora e saber que o curso te leva pro lugar certo dá muito animo! Voce estudou por algum outro curso depois desse? to querendo me aprofundar mais e não to sabendo pra onde ir...
é o que está acontecendo comigo, a aula 11 não compreendi 100%, mas como eu sempre to vendo esses 'if' e 'else' nos códigos da galeira, fiquei curisoso pra krl pra ver o que era e como funcionava.
@@RudneyLeal opa, em aulas passadas, ele pediu pra instalar uma extensão, só n lembro o nome, mas ela serve justamente para adicionar o atalho F8 pra abrir o node, espero ter ajudado.
Quando o Guanabara colocou paragrafo digitando no inicio e fim da linha do innerHTMl eu lembrei que aprendi a envelopar no curso de HTML e usei o comando. Me senti o DEV das galáxias hahaha😎🤣
"Pode ser que quando você começou a programar, você não sabia de if, alguém precisou te ensinar" Sim, Guanabara, foi você que me ensinou no Mundo 1 de Python 🗿
muito bom mano, eu aprendi lógica de programação com esse cara a mais ou menos uns 9 a 8 anos atrás no curso de algoritimo, e te falo dps que aprendi passei muitos anos sem estudar programação, na vdd passei uns 6 a 7 anos sem estudar nada, dai então vim fazer o curso de Python e vi que eu me lembrava de basicamente td q ele tinha me ensinado na época, e por isso o curso de Python foi super tranquilo, e esse ano eu comecei um curso de FullStack e cara, mas uma vez todo o conhecimento que esse Herói me passou, ficaram guardados na minha mente, a didática dele é simplesmente fantástica. Quando estou com alguma dúvida ou tendo dificuldades de entender a didática do meu Professor, eu corro até aqui.
Estou aqui na aula 11 e curto todos os vídeos mas só agora to comentando para agradecer a você professor! Estou muito feliz aprendendo com você. Ensina muito bem. Em tudo que aprendi eu executo os exercícios que fazemos juntos e crio outros parecidos porém com mais coisas para praticar. To realmente sentido que vou me dar bem na programação. Em menos de uma semana aprendi muito e sem correria. Obrigado!
@@gustavozuini Cada um tem o seu ritmo e uma bagagem de conhecimento anterior. Se ele consegue assistir várias aulas sem parar, compreender o assunto e conseguir por em prática o conhecimento, por que não fazer assim? Eu por exemplo estou fazendo o mesmo, só que em um ritmo um pouco menor ~umas 6 aulas por dia. Enfim, não acho que cabe a vc dizer se ele está ganhando ou não, cada um sabe de si :)
@@PedroHenrique-go9fe nenhum cérebro tem a capacidade de ficar por 11h fazendo a mesma atividade e manter o mesmo nível de aproveitamento de aprendizagem, nenhum ser humano é robô. E pelo seu texto, claramente você é um adolescente que mora com os papais!
@@gustavozuini como eu disse, cada um com a sua capacidade e tempo disponível diferentes. Não é pq vc n consegue q isso se torna regra para todos. E sim, ainda moro com os meus pais, e qual o problema disso? Só te respondi expondo outro pensamento e tu fala isso como se fosse me diminuir kkkk. Um dia vc tb morou com os seus pais, eu acho. Enfim, só queria te mostrar outro lado da moeda de que é possível. Bons estudos!
@@PedroHenrique-go9fe você é criança ainda, por isso mencionei que mora com os pais. Só pelo jeito que escreve dá pra ver claramente que é uma criança. O que eu estou falando é ciência, o próprio Guanabara disse, ninguém aprende olhando pra tela durante 11h. É necessário fazer pausas e mudar o foco.... é assim que o cérebro funciona. Se você aprendesse tudo o que assistiu em 11h, você seria um gênio, e claramente você não é!
Pra quem está com problemas com o dever de casa do final do vídeo: meu código não tava mostrando o texto que estava dentro da condição simples quando a condição era true. Foi quando percebi que eu precisava adicionar o .value na variável, que é a propriedade que guarda o valor que foi inserido pelo usuário no campo criado através do input:
Refazendo o exercicio 009.js em forma de site Teste de Time de futebol Digite aqui o seu time de futebol:
function clickbotao() { var timeinserido = (document.querySelector('input#timefut').value) //esse é o campo em si. Criamos essa variável para puxar a informação digitada na caixa gerada em input. A propriedade .value guarda o valor que foi inserido no campo. var resposta = document.querySelector('div#resposta') resposta.innerHTML = `O seu time eh ${timeinserido}` if (timeinserido == "Gremio") { resposta.innerHTML += `Você eh gremista, PARABAINS!!!` } resposta.innerHTML += `Obrigado por participar!` }
Perfeito, ninguém na internet inteira explicou isso, esse maldito value. Achei muito solto, não estava colocando os parênteses do .value, estava usando eles do jeito errado
Quebrei a cabeça para fazer o exercício, esqueci dos operadores, graças aos comentários eu identifiquei meu erro e o exercício me ajudou a entender muito além
Estou desde ontem quebrando a cabeça para saber o que quer dizer "termino inesperado", hoje fiquei cansado e acabei cedendo para os comentários. Meu erro era UMA chave para fechar a função. Contei essa história chata. Mas queria mesmo agradecer a toda dor de cabeça que estás me proporcionando. Reclamo, reclamo e reclamo mas você sem dúvidas tem uma das melhores metodologias de ensino a qual tive a honra de participar. Me fez aprender o que nunca imaginei aprender. Que deus lhe pague porque eu não tenho dinheiro. é noix Guanabara!
Vei aconteceu a mesma coisa com migo tive q ceder as comentarios ai eu vi o seu ai pra ter certeza q eu n esqueçi de algo eu fui la ver é era isso vei com certeza você ajudou muita gente so por comentar obrigado man
Tive um pouco de dificuldade no exercício, mas no final deu tudo certo e ficou assim: Qual sua nacionalidade? 🤔 Qual o seu nome? Onde você mora? Resultado
var nome = document.querySelector('input#name') var pais = document.querySelector('input#txt1') var res = document.querySelector('div#txt2') function Conferir(){ if(pais.value == 'Brasil'){res.innerHTML = `Olá ${nome.value}, Vivendo em ${pais.value}, você é brasileiro(a) 😁🖐.`} else(res.innerHTML = `Olá ${nome.value}, Vivendo em ${pais.value}, você é estrangeiro(a), seja bem-vindo(a)`) }
Demorei umas 2h pra fazer, mas consegui. travei na parte da conversão (que ele fala aos 25:00 ), pq achei que não precisava da linha inteira, mas não precisa somente do "Number". ta ai:
Exercicio na pratica Verificação de nacionalidade. Em que país você nasceu?
function verificar() { var ver01 = document.getElementById("cx01") var dv01 = document.getElementById("dv01") var cxx = ver01.value if (cxx == "Brasil") { dv01.innerHTML = "Você é Brasileiro!" } else { dv01.innerHTML = "Você é gringo!" } }
E aproveitando, MUITO OBRIGADO pelo curso! Pode ter ctz que está me ajudando, e ajudando muita gente!
Mano, muito obrigado por postar. Segui pelo mesmo raciocínio seu, porém me atrapalhei com parênteses no inner.HTML. Consegui realizar o exercício e ainda fiz uma variação , desta vez utilizando a idade, mostrando se a pessoa é maior ou menor de idade.
Gente, eu quase caí no erro de não fazer o exercício em forma de site, pensando que era bobeira, que era TÃO simples que eu nem ia perder meu tempo fazendo, mas minha consciência me alertou que eu estaria tomando a decisão errada. Fui fazer, mesmo achando que era bobeira e logo de cara esqueci várias coisas, errei outras, o site não abriu, algo estava dando errado, mas achei o erro, consertei, o site rodou, tá lindo e tô muito satisfeita de ter seguido minha consciência. A gente vê o professor fazendo e pensa UAU, que simples, moleza, piece of cake, mas é somente na hora de fazermos sozinhos que vemos que tem toda uma lógica cabulosa por trás, daí sim realmente aprendemos a programar! THANK YOUUUUUU, Guanabara. Tô te assistindo tanto que já te acho lindo e da família (por mais contraditório que isso pareça)
Mais uma vez, gurizada medonha: o curso é muito bom, o professor é sensacional! (ao lado vai o endereço do youtube). Guanabara falou em fazermos propaganda... o que é bom a gente espalha. Esse é meu post no twitter - digo... no Xwitter.
Gratidão total, quando tenho tempo no trabalho faço os códigos no Vs code online ou em bloco de notas para treinar. O meu resultado do teste ficou assim:
function verificar(){ var txtPais = window.document.querySelector('input#txtreposta') var res = window.document.querySelector('div#txtreposta2') var pais = txtPais.value var nacionalidade = 'Brasil' res.innerHTML = `Seu país de origem é ${pais}` if (pais == nacionalidade){ res.innerHTML += 'Você é Brasileiro' }else{ res.innerHTML += 'Você é Estrangeiro' } res.innerHTML += ' Tenha uma boa estadia' }
Estou aprendo cada dia um pouco e sempre agradecendo as boas aulas.😁
Depois de ter pesquisado alguns tutoriais, consegui fazer uma lista com todos os países para a pessoa escolher, eu imaginei que isso seria "util" em uma área de cadastro, então acrescentei coisas tipo nome e idade, pra poder deixar mais completo, mas o desafio dessa atividade ai foi mais deixar o site bonito do que fazer ele funcionar na vera kkkkk. Deu mo trabalhão colocar as coisas no lugar, e eu até ja sei que o jeito que eu arrumei as divs e os elementos foi uma bagunça que só, mas no fim acho que o que vale é o resultado kkkk. ta ai meu script:
function clicar(){ var paisp = window.document.getElementById('pais') var res = window.document.getElementById('res') var vel = String(paisp.value) res.innerText = `Seu pais é ${vel}` if(vel == 'Brasil'){ res.innerHTML = 'Você é Brasileiro' }else( res.innerHTML = 'Você é estrangeiro' ) }
@@devwtyzard4478 Também queria saber porque eu não conseguir fazer isso não. Mas eu consegui botando assim: var paisp = String(window.document.querySelector('#pais').value).toLowerCase()
@@adrielklem no lugar de por todo texto de window.document.... poe só Var x = String(var.value).toLowerCase(); Minhas var tao com nomes diferentes por isso usei genericos mas so aplicar o nome das suas que rola. Alias muito obrigado só cheguei nesse resultado pq vi seu comentário e tentei reduzir o tamanho. Tava empacado nisso
Como estou iniciando em JS e fiz o exercício dessa aula de maneira simplificada, somente aplicado a função if e else, conforme código abaixo:
Nacionalidade Controle de Brasileiros Digite seu país de origem :
function calcular(){ var txtn = window.document.querySelector('input#txtnac') var res = window.document.querySelector('div#res') var país = (txtn.value)
if (país == 'Brasil') { res.innerHTML = `Você é brasileiro` } else { res.innerHTML = `Você é estrangeiro` } res.innerHTML += `Isso porque você nasceu em ${país}` }
Espero que possa agregar aos colegas! Abraço e fiquem com Deus!
No caso não tem necessidade de criar mais uma variável para adicionar no "value", após criar a variável que desejar ser "lida" pelo usuário basta apenas colocar tudo dentro de um parentes e adicionar o .value ao final. Exemplo: var n = (document.getElementById('nasc').value)
Pra quem quiser desativar "Info: start process" e o "Info: end process": Clicar na engrenagem do node.exec, depois ir em "extension settings" e desativar a caixinha "Show start and end info". Depois é só reiniciar e pronto :)
Para quem está com dúvida no exercio final. Nacionalidade Onde voce mora?
function calcular() { var txt = document.querySelector('input#País') var res = document.querySelector('div#res') var vel = String(txt.value) res.innerHTML = `Voce mora em ${vel}` if (vel.toLowerCase() == 'brasil') { res.innerHTML += `Você é Brasileiro`; } else { res.innerHTML += `Você não é Brasileiro`; } }
impressionante como a didatica do guanabara é boa, e mais impressionante como ele sempre refina isso cada vez mais a cada curso, os de hoje em dia são ainda melhores do que os dessa época
Imigração Departamento de Imigração Digite seu país de origem:
function verNac() { var origem = window.document.getElementById('txtpaís') // Seleciona o valor na caixa de texto e joga na variável "origem" var nac = window.document.getElementById('nac') // Seleciona o a área do parágrafo com o resultado e joga na variável "nac" var país = String(origem.value) // Copia o conteúdo da variável "origem" para a variável "vel" e converte para "String" nac.innerHTML = `Seu país de origem é ${país}.` // Escreve na área do parágrafo, interpolando com o conteúdo de "país" if (país == 'Brasil') { // Verifica se o país digitado é "Brasil". nac.innerHTML += 'Você é Brasileiro.' } else { nac.innerHTML += 'Você é Estrangeiro.' }
fiz assim tbm mas contem um erro (pais == 'Brasil') só reconhece se for exatamente Brasil, em caso de digitação brasil ou BRASIL da como estrangeiro, sabe como resolver?
@@dozeroastartup const nacionalidade = window.document.querySelector('input#nacionalidade').value.toLowerCase(); neste exemplo da pra diminuir as linhas de código e fazer tudo, no momento que uso o querySelector para escolher o input do HTML, ja coloco no final um (.value) para já guardar a string digitada na variavel, e o ( .toLowerCase() ) para fazer a string em caixa baixa, assim quando você criar a função nao importa se o usuario digite com letra maiusca ou minuscula que sempre vai converter para minusculo... vlw
Bom, acho que como aluno deveria enviar também meu código.... ^^ mostrar que a lição foi feita. Não sei se fiz a parte do CSS de forma correta mas eu tentei ^^
function verificar() { var país = document.querySelector('input#txtp') var res = document.querySelector('div#res') var nacionalidade = String(país.value) res.innerHTML += `Atualmente você vive no ${nacionalidade}.` if (nacionalidade == 'Brasil') { res.innerHTML += `No entanto você é brasileiro.` } else { res.innerHTML += `No entando você é estrangeiro.` } }
Ficou bacana seu código, até bonito com o CSS. Eu não consegui nem fazer kkk, peguei o seu pra ler e ver onde errei nos meus códigos, e entendi. Mas vou voltar duas aulas como castigo até conseguir. O seu só acrescentei o UpperCase para dar o resultado msm quando digitam BrASil
Demorei, mas consegui fazer o exercício do país, estava tentando e não conseguia (acho que era o sono das 23h), mas fui rever meu código e tinha esquecido de colocar a propriedade ".value" na variável. Para resolver a questão da sensibilidade de escrita usei o operador lógico OU. Meu muito obrigado Guanabara, só agora e com você que estou entendendo aos poucos como programar em javascript.
amigo, na HR que ele demonstra o código lá da velocidade do carro, eu faço tudo igual ele, mas na HR de verificar a velocidade e aperto o botão verificar e nada acontece, já tentei de tudo e não consigo, poderia me ajudar
Gente, não esqueçam das aspas nos lugares certos! eu fiz tudo certo(ou quase) e fiquei quebrando a cabeça procurando meu erro e comparando com o do pessoal aqui nos comentarios. Até descobrir que o meu erro foi esquecer as "" no "Brasil" do meu codigo.
Depois de algum tempo tentando descobrir porque minha variável " pais " estava vindo como " object HTMLInputElement " dei uma pesquisada sobre isso e descobri que tinha que colocar .value depois do document.querySelector('input#txtpais'). Não lembro do guanabara ter falado isso em alguma aula, mas de qualquer forma me forçou a pesquisar e encontrar por contra própria, sei que vida de programador é pesquisar o problema até achar uma solução.
@@robertapereirasabino302 onde vc colocou? o meu tmb não esta funcionando. No if ele vai direto para o else: var pais = 'Brasil' var txt = window.document.getElementById.('txt') var res = window.document.getElementById('res')
if (txt == pais) { res.innerText = 'Você é Brasileiro' } else { res.innerText = 'Você é Estrangeiro' }
Fiz uma condicional para as perguntinha no início da aula e retornando a playlist do curso ou a aula 11.1: ------------------------------------------------------------------------------------------------------------
Aula 11.1 Js - Curso em Vídeo AULA 11.1 - JavaScript Perguntinhas sobre a Aula 10. Consegue citar três eventos que pode acontecer com elementos DOM de um site? O que é uma função? Como criar funções em JS? Sabe como pegar os valores de caixas de texto e fazer cálculos com eles? Tem dúvidas ou dificuldade em qualquer um desses assuntos? (s/n)
function verify(){ var txtv = window.document.getElementById('txtver') var res = window.document.getElementById('res') var ver = txtv.value if(ver == 's'){ res.innerHTML = `Aparentemente você ainda tem dúvidas sobre o assunto abordado na Aula 10.` res.innerHTML += `Sugiro que você reveja a Aula 10 ou siga a playlist de todo o curso antes de prosseguir para Aula 11. Ambas estão logo abaixo. Bons estudos.` res.innerHTML += `` res.innerHTML += `` } else { res.innerHTML = `Parabéns. Aparentemente você acompanhou e praticou o conteúdo da Aula 10.` res.innerHTML += `Vamos dar continuidade na Aula 11, onde falaremos sobre Condições. Bons estudos.` res.innerHTML += `` } }
Quebrei cabeça demais, porém, deu certo finalmente!
Nacionalidade Sua naciolalidade Informe-nos onde você está localizado atualmente
function procurar(){ var localização = window.document.querySelector('input#país') var resultado = window.document.querySelector('div#resultado') var país = String(localização.value) resultado.innerHTML = `Você está morando atualmente em ${país}` if (país == 'Brasil') { resultado.innerHTML += `Interessante, você é um Brasileiro!` } else { resultado.innerHTML += `Interessante, você é um Estrangeiro!` } }
Galera... Pra quem não entendeu o uso do Number( )... Ele é usado na aula para transformar "window.document.getElementById('txtvel')" em número primitivo. Caso contrario, o uso não transformado em número, teríamos o resultado igual ao tipo de objeto ou tag html (input) pertencente a "window.document.getElementById('txtvel')". Espero ter ajudado a esclarecer, tbm foi uma duvida minha. Obrigado pela aula, professor!
Quem tiver com o problema ("Running the contributed command: 'extension.miramac.node.exec' failed."). Aperte a tecla "F5", depois só clicar em "Node.js". Comigo fucionou, espero ter ajudado!.
Q01 Consegue citar 3 eventros que podem aconter com elementos DOM de um site? R: onclikc, onmouseenter, onmousedown Q02 O que é uma função? Como criar função em JS? função e um bloco de comando que e executado sequecialmente, a função e criada com o comando function Q03 Sabe cmo pegar os valores de uma caixa de texto e fazer cálculos com eles? Somando Valores +
Resultado function somar() { var tn1 = document.getElementById("txtn1"); var tn2 = document.querySelector("input#txtn2"); var res = document.querySelector("div#res"); var n1 = Number(tn1.value); var n2 = Number(tn2.value); var s = n1 + n2; res.innerHTML = `A soma entre ${n1} e ${n2} é igual a ${s}`; }
Fiz o sistema de multas sem terminar o vídeo. Pausei e fiz sozinho, deu certo. Muito obrigado professor, finalmente estou entendendo js, quem diria que seria tão fácil. Agora vamos terminar de assistir a aula.
Estou adorando. A prática torna tudo bem mais simples. Fiz esse projeto da nacionalidade outro dia e foi uma luta. Criei um novo arquivo e fiz do zero novamente foi bem mais fácil.
Resolvi o exercício com um campo de seleção para o usuário: Verificando sua nacionalidade Escolha seu país de origem
--- escolha --- Brasil Argentina Estados Unidos México
function consultar() { var txtnac = window.document.getElementById('nacionalidade') var origem = String(txtnac.value) var res = window.document.getElementById('res') if (origem == 'Brasil') { res.innerHTML = `Você é brasileiro.` } else { res.innerHTML = `Você é estrangeiro.` } res.innerHTML += 'Checagem finalizada' }
function verificar() { var paistxt = document.getElementById('txtpais').value //utilizar o .value no final para pegar o valor digitado no campo ao invés do campo var ver = document.querySelector('div#ver') //var pais = (paistxt.value) // tbm é possível usar o valor em outra variável como ficou aqui, porém precisa trocar o nome da variável na condição if if (paistxt == 'Brasil') { ver.innerHTML = 'Você é Brasileiro' } else { ver.innerHTML = 'Você é Estrangeiro' } }
Muito bom, Evandro! Fiquei muito feliz que fiquei uns 20 minutos apanhando até entender que é necessário o ".value" para que você consiga realizar a comparação. Obrigado pela colaboração!
@@Fabriiciofit eu fiquei 3 horas apanhando pq queria trocar a cor quando o botão fosse pressionado '-' ai eu descobri que é só usar .style.backgroundColor="Valor que vc que ou rgb(Valor que vc quer)";
Uma dica pra quem quebrou a cabeça como eu. Não aparecia a frase "Sua velocidade atual é x km/h O erro do meu estava aqui em linha17 var txtv = window.document.querySelector(input#txtvel) // nao coloquei os acentos dentro do colchete. O correto seria. var txtv = window.document.querySelector('input#txtvel') Obrigado, de nada !!!!
demorei mais de 2h achando que o erro era colocar valor em forma de text ou string... pra no final ver que eu tinha esquecido de por a chaves { } na função. Felizmente deu certo, aqui esta Nacionalidade Sua nacionalidade?
function clicar() { var txt = window.document.getElementById('nascitx') var res = window.document.getElementById('res') var pais = String(txt.value) res.innerHTML = `Seu país é do ${pais}` if (pais != 'brasil') { res.innerHTML += `Você é gringo` }
Demorei um pouco mas foi. Não usem de cola, sim pra refrescar as ideias. Faça e refaça. Confirmando sua nacionalidade. Qual país de nascimento?
function verificar() { var paisp = window.document.querySelector('input#pais') var res = window.document.querySelector('div#res') var rel = String(paisp.value) res.innerHTML = `O país informado é ${rel}.` if (rel == 'Brasil') { res.innerHTML += `Então você é um bom brasileiro.` } else { res.innerHTML += `Você não é brasileiro. Mas é gente boa.` } }
Boa noite Allan! Cara, quebrei a cabeça um tempão até visualizar o seu comentário. a diferença do meu código para o seu é que eu não pulei essa linha do var res para o var rel como está no seu código. Daí, no meu código, pulava direto para o else, com se a condição do if fosse falsa. Vendo o seu código, saltei essa linha e executei, funcionou! 🥳🎉 Só queria entender, porque a necessidade de pular essa linha. Qual é a sua nacionalidade? O país em que você nasceu é:
function verificar() { var paisp = document.querySelector(`input#pais`) var res = document.querySelector(`div#res`) var rel = String(paisp.value) res.innerHTML = `Você nasceu no(a)${rel}` if(rel == `Brasil`){ res.innerHTML += `Você é BRASILEIRO(A)` }else { res.innerHTML += `Você é ESTRANGEIRO(A)` } }
Cara, descobrir porque estava passando direto para o else. Quando eu estava digitando Brasil, eu apertava a tecla de espaço então ficava (Brasil ) com um espaço, daí o if considerava como falo e executava o else. Depois de vários dias, descobrir agora que um espaço no código estava me fazendo perder o sono! rsrsr
@@cownyt Eu tava quebrando a cabeça para independente se a pessoa colocar Brasil com letra maiuscula ou minuscula ele identificar que é brasileiro ou nao de fato. fiz a modificação em seu proprio codigo (y) Confirmando sua nacionalidade. Qual país de nascimento?
function verificar() { var paisp = window.document.querySelector('input#pais') var res = window.document.querySelector('div#res') var rel = String(paisp.value) res.innerHTML = `O país informado é o ${rel}.` if (rel.toLowerCase() == 'brasil') { res.innerHTML += `Então você é um bom brasileiro.` } else { res.innerHTML += `Você não é brasileiro. Mas é gente boa.` } }
![[ ออกกอง ] วัยหนุ่ม 2544 โลกหลังลูกกรง..ทัวร์กองถ่ายหนังใน "คุกของจริง" | JUSTดูIT.](http://i.ytimg.com/vi/vB--aOkZCpw/mqdefault.jpg)
Dica: Pra deixar padrão o 'lang pt-br' no html:5 (e tb no !) no vs code, va em configurações do VS Code, digite ‘snippets’, clique em ‘emmet’ e vai aparecer a opção para vc mudar.. basta colocar 'pt-br' no lugar de 'en' e sempre que vc iniciar um arquivo novo em HTML, vai estar lang='pt-br' :D
Edit: Teve atualização, caso não apareça por padrão, crie um em Emmet: Variables.
No Item coloque "Lang", no Valor coloque "pt-BR" e OK
Bem legal.. :D
Sobre a aula.. Não tem professor melhor que esse! É incrível o talento que ele tem de ensinar! Obrigada, professor!
Obrigado, ajudou bastante!
Obrigado pela informação!
Parece bobeira, mas ... MUITO obrigado, rs!
Vale lembrar que na atual versão vc precisa criar uma emment variable, não vem mais na tela pra trocar, mas é só isso, add item e adcionar o pt-br, vc é incrível mina,
@@7Landa Perfeito!
IMFORMAÇÃO IMPORTANTE PARA O EXERCÍCIO FINAL PROPOSTO, CURTEM PARA TODOS VEREM: acho que o código atualizou e o vídeo é de 2019, pois a input estava em number e ela não é válida para letras, como o exercício foi proposto para países ela deve ser a: input text.
outro erro: deve ser posto sim o var com o "value". ex: var país = (nac.value) vou dar exemplo do que fiz apenas na parte da correção, quem quiser código todo é só comentar:
var país = (sua var anterior.value)
Dúvidas só perguntar. Abraço!
cara, to fazendo aqui esse exercicio e to travado na condição, não funciona, ele para no if, o else nao funciona, será que tem alguma mudança ou atualização do código?´Outra coisa é que sempre que clico em verificar ele adiciona um paragrafo abaixo ao invés de apagar a resposta e colocar a nova resposta por cima
Muito obrigado, cara!
Muito obrigado! Essa dica foi fundamental!
Na aula ele fala que nao precisa converter pra value, mas realmente é necessario, deve ser alguma atualização, foi so criar uma nova variavel e colocar a (variavelantiga.value) que deu certo !
vlw mano, ajudou muito!
galera, o que me ajudou a entender melhor é ir pausando a aula, digitando o código e criando VÁRIOS comentários explicando o que eu acabei de fazer em cada linha. acho comentários suuuuper válidos em exercicios que estamos aprendendo, beijao
conseguiu usar a extensao nodejs exec?
Me ajuda usar também o Notion pra fazer as anotações, os dois ajudam bastante
@@CaioHenrique-ux2yxeu não consigo... vc descobriu como?
@@Victor.Ramalho Utiliza a extensão RUN, baixou é só apertar CTRL + ALT + N
se está tendo muita dificuldade, te recomendo a começar programação estudando o portugol. Lá os comandos são todos em português e é mais fácil de vc entender.
Caramba pessoal! Tive muita dificuldade no exercício, tentei fazer ontem e não consegui, voltei aqui hoje, assisti duas aulas anteriores a esta, e refiz com muita facilidade.... A sensação de frustração acaba com qualquer motivação, isso é um fato, mas não deixem que essas sensações derrubarem vocês!!!! o pessoal aqui nos comentários também ajudaram bastante, mas mesmo assim, com cabeça quente eu só li "abobrinhas" (digo que parecia um bicho de 7 cabeças), mas depois de tirar um tempo de descanso eu li de novo e ficou mil vezes mais claro. Obrigado!!!
FOCO e treinamento, programação não é nem um pouco fácil, não podemos desistir nunca...
Eu também tentei fazer sozinho e não consegui vou assistir dnv as aulas anteriores
E aí, depos de 10 meses com anda os estudos?
Por isso, eu sigo um método. Primeiro, assisto a tudo sem anotar nada para entender de forma geral. Depois, assisto novamente, mas agora fazendo anotações. Em seguida, tento fazer tudo sozinho, colocando mão na massa, com as minhas anotações. Se eu tiver alguma dúvida ou esquecer algo, volto na aula específica.
Eu uso o Notion para anotar tudo. Não é necessário fazer um design elaborado no Notion, não dificulta algo simples. Basta organizar as aulas por páginas e utilizar os marcadores corretamente.
Tive uns problemas com a condição do exercício de nacionalidades, parecia que o código pulava o
if (país == 'brasil') { res.innerText = `Vivendo em ${país}, você é brasileiro` }
e só aparecia a mensagem do else `Vivendo em ${país}, você é estrangeiro`
Até que dei uma pesquisada e descobri que minha condição não estava analisando o conteúdo da variável país, ent mesmo que o usuário digitasse brasil, dava que ele era estrangeiro, tive que colocar (país.value == 'brasil') e ${país.value} pra não aparecer objectHTMLinputElement. Esses foram os únicos problemas que tive com meu código, tô compartilhando caso mais alguém tenha tido o mesmo erro, já que o guanabara nos mostrou mais exemplos de variáveis numéricas
Me ajudou pra caramba
me ajudou muito, valeu
Vlw em cara , fiquei 2 Horas matutando no que tava de errado
o meu ficou assim
function calcular(){
var txt = document.querySelector('input#txt1')
var res = document.querySelector('div#res')
var txtv = String(txt.value)
res.innerHTML = `Você é do país ${txtv}`
if (txtv == 'Brasil', 'brasil','br'){
res.innerHTML += 'Você é brasileiro'
} else {
res.innerHTML += 'Você é estrangeiro'
}
}
Muuito obrigado
Faz o Avançado de javascript por favor!
Up
up
up
@@JoaoVictor-ir3yu Na verdade, programação pode ser sim um jogo que tem níveis. Num jogo, quanto mais você se dedica pra evoluir, mais forte você fica. Assim como na programação; Quanto mais você praticar, mais você vai evoluir. Basta ter curiosidade para aprender novas funções, ou ter curiosidade para saber como um grande site funciona.
@@lauanamorim9136 cara quando me referi que não é como um jogo é pq o amigo acima queria modulo "médio" e "avançado" não existe isso o que existe é assuntos diferentes para áreas especificas, pra tu aprender a programar depois de tu aprender a logica tu já pode voar se tu focar muito em uma linguagem uma sintaxe especifica vai ficar muito dependente a uma linguagem. Por exemplo Java e outras linguagens são linguagens com Herança baseada em classes já o Javascript é baseado em prototipagem(Como eu vou tratar meu aprendizado como um jogo com níveis? Por exemplo um dia desses precisei usar js pra construir uma API e me deparei com esse conceito da herança dele, unica coisa nova que precisei entender pois já tinha uma bagagem com outras linguagens. Tua jornada vai ser demorada mas tu aprende errando, com um tempo tu pega qualquer linguagem e desenrola qualquer assunto)O jeito certo de programar é colocando a mão na massa criando pequenos projetos. Asim tu entende como o mundo real funciona o tempo que tu perde fazendo exercícios de sla somar números ou fazer contador tu pode iniciar um projeto real com problemas reais . Abraço amigo:)
Estou fazendo esse curso, com o intuito de mudar de vida.
Nunca fui de estudar, na escola eu era um aluno "nem fede nem cheira", nunca fui de ler livros nem de ser intelectual.
Comecei cedo a tocar violão, aprendi sozinho, as dificuldades são comuns, dedos machucados as notas não saem direito, e tudo parece impossivel de se gravar.
Hoje, sou produtor músical, compositor, cantor, trabalhei com GRANDES artistas brasileiros, tudo isso com 24anos.
Não é o que eu quero para mim porém, Trouxe isso tudo para a área da programação.
Quando os termos parecerem impossiveis de lembrar ,eu me recordo o quanto era dificil fazer um Dó , um ré , ou o temido Fá para quem era iniciante rsrsrs.
E quantas portas um VIOLÃO VELHO me abriu.
Não vou desistir, vou mudar de vida, vou proporcionar para mim e para minha esposa uma vida de melhor qualidade, por que acredtio no meu potencial.
Galera, acreditem em vocês mesmo.
Levem consigo essa frase:
- "Não é tão simples assim” é apenas uma desculpa esfarrapada de quem adora complicar tudo
No fundo, coisa nenhuma neste mundo é tão simples. Tudo depende da vontade, do empenho e do compromisso de quem se dispõe a fazer seja lá o quê.
Desejo a todos muito sucesso.
MUITO OBRIGADO, Gustavo Guanabara por abrir essas infinitas portas para a gente.
Agora , vamos ao que importa.
Assim ficou o meu código:
Você é Estrangeiro?
Onde Você vive?
Digite o seu nome:
function enviar() {
let nacionalidade = window.document.querySelector('input#txtnac')
let res = window.document.querySelector('div#info')
let pais = nacionalidade.value.toLowerCase()
let mostrar = nacionalidade.value
let yname = window.document.querySelector('input#yname')
let outname = yname.value
res.innerHTML = `Olá ${outname}, Você é do país, ${mostrar}`
if (pais == 'brasil'){
res.innerHTML += 'Você é Brasileiro.'
} else {
res.innerHTML += ' Você é Estrangeiro. '
}
}
Verdade cara, passei por um caminho parecido, fui aluno mediano e hoje sou professor de música. Me formei em licenciatura devido a dificuldade de ser apenas músico, mas acabei amando a profissão. QUando descobri a programação encontrei minha segunda paixão. Desde então vivo dizendo pras pessoas que programar não ´´e impossivel. É tão difícil quanto aprender a ler e escrever ou dirijir um carro.
Obrigado pela dica
Mano, tu tem meu total respeito cara, com o seu comentário eu descobri onde eu errei e pq eu errei, sinceramente cara tu é foda e agr tu tem minha total admiração, sucesso na tua vida brother
mano, muito obrigado msm, tentei fazer de todas as formas possíveis mas n estava conseguindo...vc deu uma luz braba !!! obrigado
Hoje tenho 26 anos, tenho um filho também de 10 meses, sou analista de desenvolvimento web fullstack júnior numa empresa com mais de 2700 funcionários, consegui atingir o meu objetivo, desejo a todos boa sorte.
Só pra avisar que hoje em dia precisa sim colocar o .value no exercicio, apanhei muito tentando descobrir isso
Estou amando esse curso, confesso que levei dois dias para fazer exercício 09 que vc pediu, depois de ler algumas apostilas online e rever esse vídeo varias vezes, eu consegui! Guastavo, eu sou cinegrafista e editor de vídeos, depois de ser demitido aos 50 anos de idade, eu estou tentando me reinventar para continuar no mercado de trabalho, uma pena não ter tido essa atitude a mais tempo, mas estou me dedicando o máximo que consigo, passo a maior parte do meu tempo assistindo aos vídeos, não tenho palavras para agradecer pelos seus cursos :>)
11:23 Quando eu teclo F8 nada acontece, e eu já tenho o node instalado. O que pode ser?
O poder do ChatGPT é impressionante, em poucos minutos resolveu. xD Também estava um pouco travado para resolver o problema (e antes de ir ao chatGPT ainda andei pelo google)
Apenas escrevi no chat : " check one value textbox javascript using if "
@@RudneyLeal cara acredito que seja devido você estar no notebook, tenta apertar fn + f8
@@RudneyLeal as teclas F1, f2, f3..... Tem mais de uma função, aí pra usar a outra função tem que apertar junto com fn. Porém tem como você alterar isso invertendo na bios do notebook, aí vai ter que apertar fn pra outra opção do f8 quando precisar, espero que tenha entendido e espero não ter sido tarde demais pra descobrir.😅
se está tendo muita dificuldade, te recomendo a começar programação estudando o portugol. Lá os comandos são todos em português e é mais fácil de vc entender.
Fiz igual, porém usando o css e o prompt deu um charme maior . Melhor curso free .
Nacionalidade!
body{
background: gray;
font: normal 20px verdana;
color: black;
}
h1{
font: normal 28pt verdana;
color: red;
}
p{
font: normal 25pt Arial;
color:rgb(221, 219, 230);
background:rgb(36, 41, 36);
width: 600px;
height: 40px;
}
input{
background: wheat;
color:rgb(36, 41, 36);
font: normal 15pt arial;
width: 120px;
}
div#msg {
color: red;
}
Nacionalidade
Qual seu pais de origem ?:
let n = window.prompt('Qual Seu nome ?')
function consultar(){
let Brasil = 'Brasil'
let txtbr = window.document.getElementById('txtn1')
let msg = document.getElementById('msg')
let pais = (txtbr.value)
msg.innerHTML = ` Você tem nacionalidade da(o) : ${pais}`
if(Brasil == pais){
msg.innerHTML += ` ${n} : Você é Brasileiro, seja bem vindo!! `
} else {
msg.innerHTML += `${n} seus País é : ${pais}, você é ESTRANGEIRO!!`
}
}
ufa valeu mano estava errando em não colocar a variável 'Brasil" kkk
me salvou pacas, eu tava quebrando a cabeça no que eu tava fazendo errado, e imagina só! era só eu tava usando query selector ao inves do getelementbyid
PS: pra qm ñ conseguiu usar o node exec, o Runner também serve!
Edit: Para usá-lo depois de instalar press Ctrl+Shift+R
Valeu! Aqui o Node Exec era só erro na hora de executar.
vlww
Mano muito obrigado, me ajudou demais
@@samuelguilherme6829
Obrigado man
hoje 21/11/2023 Aqui aprendendo muito com o meu preferido professor, muito grato por tudo Guanabara.
E hoje? Já conseguiu trabalho?
Quando for declarar a variavel do pais, pode usar o .value ex.: var pais = document.getElementById('pais').value, se não o if não funciona já que Brasil é o valor em texto e não a tag como o codigo puxa "document.getElementById('pais)'
Muito obrigado cara, me ajudou de maiiss
Muito obrigado, melhor explicação
Eu deveria ter visto os comentários logo kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
Passei um tempão nesse desafio kkkkkk que droga akakaakak
Valeu, mano! TMj!!!!
Não entendi o que significa esse value
Novamente começando do zero.
Excelente aula, para quem não conseguiu fazer, eu vou deixar o meu cod aqui, mais lembrando, apenas para consulta e tirar duvidas, também aceito sugestões se tiverem. Usei a condição composta, pois ele ficava adicionando textos após nos mostrar que era estrangeiro, ai essa foi a minha solução. :
IMIGRAÇÃO
SISTEMA DE IMIGRAÇÃO
Pais de Origem:
function verificar(){
var pais = window.document.getElementById('txtpais')
var res = window.document.querySelector('div#res')
res.innerHTML = `Seu pais de origem é ${pais.value}.`
if (pais.value == "Brasil"){
res.innerHTML += 'Você é brasileiro'
}else{
res.innerHTML += 'Você é estrangeiro'
}
}
Tudo bem que hoje é sábado mas... programão para as tardes de sábado e domingo: maratonar o curso de javascript do professor Gustavo Guanabara. Show de bola, Guanabara! Tu é massa, parceiro! Agradecimentos calorosos de um sessentão que se descobriu apaixonado por computação... Só valeu!!!
cara vocês estão de parabens mesmo em 2022 esse curso continua maravilhoso
O professor é excelente, o curso é gratuito, o aluno tem de de gostar de linguagem de programação e ser dedicado aos treinamento.
Olá 🦗!
Concordo plenamente com você! Mas também é fundamental que o aluno tenha paixão pela linguagem de programação e seja dedicado aos treinamentos.
A combinação do professor talentoso, materiais de ensino acessíveis e a motivação do aluno é o que faz toda a diferença no processo de aprendizado. Com essa fórmula, tenho certeza de que você alcançará ótimos resultados!
Considere se tornar Estudonauta ou Aluno Apoiador em nosso site para ajudar no seu aprendizado. O apoio mútuo entre nós é essencial para continuarmos oferecendo cursos gratuitos e de qualidade. Vamos juntos nessa jornada de conhecimento! 💪💻🌟🖖
Gratidão é o que eu sinto por esse canal e pelo Guanabara. Muito obrigada mesmo!!
Obrigado a todos vocês que fazem parte da comunidade do curso em vídeo, vocês assim como o professor guanabara tem sido de grande ajuda em minha vida!!!!
Cara, eu já estava lá na frente em javascript, mais perdido que cego em tiroteio na faculdade, mas quando voltei aqui na base, TUDO COMEÇOU A FAZER SENTIDO! AAAAH COMO ESSE CURSO É BOOOM!
Cair na besteira de assinar logo o Alura e fiquei com alguns nós na cabeça!!! Você Um professor nato, nada de seguir o script de um tutorial que só vai narrando o que ta fazendo, você tem uma didática incrível de deixar tudo bem explicado e ainda faz com que a gente pense. Obrigado Guanabara!!! Obrigado Google!!! Esse método está sensacional
compartilho desse mesmo sentimento, assinei a Alura, porém estava com muitas dúvidas e Guanabara, você é incrível como professor, obrigado por ajudar nós e obrigado google por proporcionar esse conteúdo.
Digo o mesmo...
colega vc pode me ajuda
Info: Start process (20:21:08)
A velocidade do seu carro é 60.5km/h
Info: End process (20:21:08)
o meu fica aparecendo esse info
vc sabe como tirar pra ele não aparecer mais
@@digitalhdr7768 isso me incomodou também e fuçando na extension consegui tirar. Faça o seguinte: abra o VSCode, vá na parte de extensões (CTRL+SHIFT+X) procure pela "Node.js exec". Observe que existe um símbolo de engrenagem que é para você gerenciar a extensão; clique nela. Lá irão aparecer diversas opções, acione a "Extension settings" (Configurações de Extensão). Procure pela opção "Miramac > Node: Show Info" e desabilite-a. Feito!
@@ivangneiding valeeuu, me ajudou demais. Ei, bora criar um grupo no whatsapp de programação, vi que é bom você aprender junto de outras pessoas mas não tem ninguém pra fazer. Caso queria, meu número é: 84 9625 9619
Obrigado aos colegas por terem postados os seus códigos, pois me ajudou a descobrir um erro.
Galera, venho humildemente mostrar o que fiz pra dar certo no meu caso e espero ajudar alguém. O botão “verificar” não estava funcionando, então na linha “ var vel = Number(txtv.value)” ao invés de escrever manualmente “Number” eu selecionei. E o botão passou a funcionar.
cm assim?
Não estou conseguindo
@@nathanbatista9041 tipo não escreve o number manualmente, escreve "N" aí vai aparecer para selecionar "NUMBER"
@@KoalaDevs deu certo já, mais foi um sacrifício fazer pegar kkkkkk.
Cara o Guanabara é f....... mesmo, creio que agora comecei a entender programação de vdd... Gratidão sempre !!!
Pra quem não conseguiu instalar a extenção que foi mostrada no video, instala o Code Runner e pra usar vc aperta Ctrl + Alt + N pode nao funcionar de primeira ai vc aperta novamente até funcionar.
ta estudando JS agr mano? quer estudar junto? teu comentario salvou demais aqui kkkk
@@dragnearnft mais um aqui kk
Obrigado, vi acima para baixar o Runner, mas tem vários, você postou certinho.
Eu aperto e fala que a linguagem não suporta ou não foi definido
@@____mariana_____x Vá para a barra de menus no topo do VS Code.
Selecione "View" (Visualizar) no menu.
Selecione "Terminal" no menu suspenso para abrir o terminal integrado.
Inacreditável como alguém pode dar deslike nesse vídeo, parabéns Guanabara pela excelente didática e por compartilhar esses valiosos conhecimentos com a gente de forma tão didática, você nasceu para ensinar. Muito obrigado!
Olá Gustavo Guanabara, admiro muito o seu conteúdo, realmente você traz conteúdo de excelente qualidade e fico até admirado com tamanha preocupação de realizar sempre o melhor trabalho, Parabéns ! . Bom queria saber se algum dia você poderia ensinar a criar algum jogo, obrigado pela atenção.
ei mano da uma olhada no canal games indie, la tem uma play list de prog. de games no unity 3d com o javascript
Além da extensão Node Exec, também há a extensão Code Runner. Fica a Dica! Obrigado pelo excelente conteúdo! Abs!
Obrigado!!
Valeu Guanabara!
Fiz o curso de Phyton e penei demais pra aprender as condições, não fazia sentido na minha cabeça. Vim aprender aqui no seu curso de JS, ficou perfeito! Obrigado!
Estou fazendo as variáveis o mais ABRASILEIRADO possível, e fazendo anotações do lado pra ajudar.
Então, usei nomes bem fáceis e fiz com que o input fique em maíuscula sempre, independente de como o usuário escrever.
Sei que deve ter outra forma de fazer isso rs mas no momento é o que aprendi então lá vai:
Sistema de Verificação de Cidadania Brasileira.
Digite em qual país você nasceu?
Resultado:
function cidadania() {
var nomePaís = document.querySelector('input#paísDigitado')// esta var recebe país digitado no input;
var resultado = document.querySelector('div#resultado')// esta var recebe a div resultado que o texto irá ser substituído pelo innerHTML;
var país = (nomePaís.value).toUpperCase() // esta var recebe o valor da var nomePaís, transforma em maíuscula para ser reconhecida abaixo com o if e o innerHTML fazer a interpolação.
if (país != 'BRASIL'){
resultado.innerHTML = `Se o seu País de origem é ${país.toUpperCase()}, você é Estrangeiro.`
} else {
resultado.innerHTML = `Você nasceu no ${país.toUpperCase()}, parabéns! Você é Brasileiro.`
}
}
O Style fica por conta de cada um...
Aqui funcionou =]
😁🖖🧑🚀
Eu gostei da sua solução, e simplifiquei se não se importar, ficou assim:
Sistema de Verificação de Cidadania Brasileira.
Em qual país você nasceu?
function cidadania() {
var país = (paísDigitado.value).toUpperCase()
if (país != 'BRASIL'){
resultado.innerHTML = `O seu país de origem é ${país}, você é Estrangeiro!`
} else {
resultado.innerHTML = `Você nasceu no ${país}, parabéns! você é Brasileiro!`
}
}
Notas: Eu percebi que:
1- O id recebido tem que ser escrito com "value", "var x = (x.value)" para reconhecer o que foi digitado;
2- Na parte do "if", se o ( ' Brasil ' ) não estiver entre apóstrofos não vai ser reconhecido como "string", logo não terá com oque comparar e vai dar erro;
3- É preciso usar , caso se use na , não irá funcionar pelo meus testes, porém cada é único e não se deve usar 2 iguais num código por isso existe a ;
4- E também não é necessário ser uma na parte de informação, se usar o vai funcionar também.
Top @@adrian_matyas, assim que tiver uma pausa aqui vou adaptar as mudanças! Show
Carai véi, que foda, o meu código tava respondendo só, se a pessoa era brasileira ou frança, e não tava indo o if e o else, copiei esse código seu e deu tudo certo, vou estudar o seu código certinho, pra eu ver oque eu tava errando, e tentar fazer de novo, muito obrigado mano!!
Muito obrigada Roberto,me ajudou muito.
Estava dois dias tentando 👏👏👏
Mais Roberto o meu ficou meio bagunçado..
Não sei onde estou errando,fiz tudo certinho mas na hora de atualizar e verificar ele buga,ele não faz diferença de frase.
O curso ta daora demais!
Pra quem ta quebrando muito a cabeça recomendo fazer o curso de lógica de programação do Guanabara, me ajudou muito na hora de aprender e fazer anotações de cada tópico que ele apresenta em um caderno organizado pra você poder fazer pesquisas quando necessário pq tbm não da pra decorar tudo de uma vez assim hehuehue.
E PRATICAR MUITO!
estava praticando e deu um erro ou não ta funcionando ? estude o erro procure como resolver ele, as vezes é uma coisa simples que você nem imagina ou só falta de informação.
Já estou com curso demais pra fazer, tipo HTML e CSS depois desse aqui ainda. Acha que esse de lógica de programação é indispensável? Ou dá pra aprender a lógica na raça?
Uma dica, alguns conseguiram fazer o exercício, porém ao escrever em minúsculo ou maísculo o resultado pode ser diferente.
Na primeira linha de INput transformei os caracteres em maísculo, assim, independente do que o usuário escrever, sempre será o resultado esperado.
Exemplo na primeira linha de input
SUPER GENIA HAHA so que isso é em HTML e eu queria aprender fazer dentro da tag script ou seja usando javascript
Dica: para quem quiser brincar com CSS, ao invés de colocar , coloque apenas , desta forma, você poderá alterar as propriedades do elemento no CSS, com o comando button {}, caso precise de identificá-lo, basta colocar
Mas dá para alterar as configurações do input type="button", é só você colocar input[type='button'] {
'xxxxxxxxxxxxx'
}
E se tiver outros botões, só adicionar o id.
Quebrei a cabeça aqui mas resolvi o problema, testando e testando, nos primeiros erros imprimia apenas que a pessoa era só país que estava digitando, mas não imprimia o If e o Else, então descobri que apenas falta um ' ' nos parâmetros, após isso começou a imprimir os dois, como se não estivesse comparando nada, apenas imprimindo o que estava escrito no código.
Depois de muito pensar usei o Else If para finalizar o programa.
Obrigado professor, sua didática além de ser muito boa é muito gratificante conseguirmos escrever uma linha de código sozinho mesmo que seja bem simples 🤘🏽
Pra quem ta com dificuldade com o execicio continua tentando faze sozinho eu demorei um tempo pra consegui mas quando voce finalmente consegue da pra senti que realmete aprendi a fazer, um dia depois eu ja me sentia muito mais confortavel pra digita
Não sei porque este assunto me bati, tive que assistir umas 6 vezes pra pegar bem, o importante é que peguei
Não importa o tempo que demore
@@isabellamuniz93 Sim, hoje trabalho como desenvolvedor, e esse curso me deu uma grande inspiração.
@@mauriciosilva1551 nossa cara que incrível! Estou estudando também, para conseguir uma vaga. Você super me inspirou, que com esse curso e muito esforço sim é possível! E tbm saber que mesmo com dificuldades tu foi bem longe.
Obrigada! Estou seguindo aqui firme!
@@mauriciosilva1551 Que maneiro cara! to entrando nesse mundo agora e saber que o curso te leva pro lugar certo dá muito animo!
Voce estudou por algum outro curso depois desse? to querendo me aprofundar mais e não to sabendo pra onde ir...
é o que está acontecendo comigo, a aula 11 não compreendi 100%, mas como eu sempre to vendo esses 'if' e 'else' nos códigos da galeira, fiquei curisoso pra krl pra ver o que era e como funcionava.
Pouca curtida para muita visualizações. Vamos ajudar a fornecerem conteúdo de qualidade
quando se ta fazendo o curso no site é dificil dar curtida, tem que entrar no youtube da pra dar o like
gafanhoto, ele tbm está ganhando apenas pelas visualizações .... curtida é de menos
Pra mim essa foi a aula mais fácil desde o começo do curso, sabia exatamente oque ele ia fazer e deu tudo certo.
11:23 Quando eu teclo F8 nada acontece, e eu já tenho o node instalado. O que pode ser?
@@RudneyLeal Não sei n irmão, fiz oque o professor fez e deu tudo certo.
@@RudneyLeal opa, em aulas passadas, ele pediu pra instalar uma extensão, só n lembro o nome, mas ela serve justamente para adicionar o atalho F8 pra abrir o node, espero ter ajudado.
@@bergz74 Obrigado 😁 vou dar uma olhada aki
@@RudneyLeal node exec
Quando o Guanabara colocou paragrafo digitando no inicio e fim da linha do innerHTMl eu lembrei que aprendi a envelopar no curso de HTML e usei o comando. Me senti o DEV das galáxias hahaha😎🤣
25:59 uma das coisas que gosto no Guanabara é essas lições que ele solta de vez em quando!
"Pode ser que quando você começou a programar, você não sabia de if, alguém precisou te ensinar"
Sim, Guanabara, foi você que me ensinou no Mundo 1 de Python 🗿
muito bom mano, eu aprendi lógica de programação com esse cara a mais ou menos uns 9 a 8 anos atrás no curso de algoritimo, e te falo dps que aprendi passei muitos anos sem estudar programação, na vdd passei uns 6 a 7 anos sem estudar nada, dai então vim fazer o curso de Python e vi que eu me lembrava de basicamente td q ele tinha me ensinado na época, e por isso o curso de Python foi super tranquilo, e esse ano eu comecei um curso de FullStack e cara, mas uma vez todo o conhecimento que esse Herói me passou, ficaram guardados na minha mente, a didática dele é simplesmente fantástica. Quando estou com alguma dúvida ou tendo dificuldades de entender a didática do meu Professor, eu corro até aqui.
Estou aqui na aula 11 e curto todos os vídeos mas só agora to comentando para agradecer a você professor! Estou muito feliz aprendendo com você. Ensina muito bem. Em tudo que aprendi eu executo os exercícios que fazemos juntos e crio outros parecidos porém com mais coisas para praticar. To realmente sentido que vou me dar bem na programação. Em menos de uma semana aprendi muito e sem correria. Obrigado!
Seguindo em Mar/2021
Minuto 15:05 - Dica: No VS Code, pressione "Shift + Alt + F" para a indentação automática do código inteiro.
vlw!! tava quarendo saber justamente isso
Consegui fazer um exercicio de calculo do IMC, com todas as Classificações de peso, da um trabalho legal e valeu a pena
Sim, meus primeiros passos em JS estão sendo ótimos graças a vc Guanabara.
Meu muito obrigadaaaaaa❤
Sem parar: 11 aulas, 11 joinhas! #parabéns!!
tá ganhando nada com isso, ele mesmo fala pra fazer as aulas pausadas.
pena de ti por ficar tantas horas sentados olhando pra tela.... kkkkkk
@@gustavozuini Cada um tem o seu ritmo e uma bagagem de conhecimento anterior. Se ele consegue assistir várias aulas sem parar, compreender o assunto e conseguir por em prática o conhecimento, por que não fazer assim? Eu por exemplo estou fazendo o mesmo, só que em um ritmo um pouco menor ~umas 6 aulas por dia.
Enfim, não acho que cabe a vc dizer se ele está ganhando ou não, cada um sabe de si :)
@@PedroHenrique-go9fe nenhum cérebro tem a capacidade de ficar por 11h fazendo a mesma atividade e manter o mesmo nível de aproveitamento de aprendizagem, nenhum ser humano é robô. E pelo seu texto, claramente você é um adolescente que mora com os papais!
@@gustavozuini como eu disse, cada um com a sua capacidade e tempo disponível diferentes. Não é pq vc n consegue q isso se torna regra para todos. E sim, ainda moro com os meus pais, e qual o problema disso? Só te respondi expondo outro pensamento e tu fala isso como se fosse me diminuir kkkk. Um dia vc tb morou com os seus pais, eu acho. Enfim, só queria te mostrar outro lado da moeda de que é possível. Bons estudos!
@@PedroHenrique-go9fe você é criança ainda, por isso mencionei que mora com os pais. Só pelo jeito que escreve dá pra ver claramente que é uma criança. O que eu estou falando é ciência, o próprio Guanabara disse, ninguém aprende olhando pra tela durante 11h. É necessário fazer pausas e mudar o foco.... é assim que o cérebro funciona. Se você aprendesse tudo o que assistiu em 11h, você seria um gênio, e claramente você não é!
Pra quem está com problemas com o dever de casa do final do vídeo: meu código não tava mostrando o texto que estava dentro da condição simples quando a condição era true. Foi quando percebi que eu precisava adicionar o .value na variável, que é a propriedade que guarda o valor que foi inserido pelo usuário no campo criado através do input:
Refazendo o exercicio 009.js em forma de site
Teste de Time de futebol
Digite aqui o seu time de futebol:
function clickbotao() {
var timeinserido = (document.querySelector('input#timefut').value) //esse é o campo em si. Criamos essa variável para puxar a informação digitada na caixa gerada em input. A propriedade .value guarda o valor que foi inserido no campo.
var resposta = document.querySelector('div#resposta')
resposta.innerHTML = `O seu time eh ${timeinserido}`
if (timeinserido == "Gremio") {
resposta.innerHTML += `Você eh gremista, PARABAINS!!!`
}
resposta.innerHTML += `Obrigado por participar!`
}
Perfeito, ninguém na internet inteira explicou isso, esse maldito value. Achei muito solto, não estava colocando os parênteses do .value, estava usando eles do jeito errado
Estou estudando PHP e JavaScript com Guanabara ao mesmo tempo, PERFECT!!!! ◕‿◕
Essa alula me bugou todo, vou ter que assiste mais vezes.
mas é muito bom!
Quebrei a cabeça para fazer o exercício, esqueci dos operadores, graças aos comentários eu identifiquei meu erro e o exercício me ajudou a entender muito além
Já vi várias aulas sobre condicionais, mas com essa didática, nunca! Maravilhoso professor, parabéns!
Estou desde ontem quebrando a cabeça para saber o que quer dizer "termino inesperado", hoje fiquei cansado e acabei cedendo para os comentários. Meu erro era UMA chave para fechar a função. Contei essa história chata. Mas queria mesmo agradecer a toda dor de cabeça que estás me proporcionando. Reclamo, reclamo e reclamo mas você sem dúvidas tem uma das melhores metodologias de ensino a qual tive a honra de participar. Me fez aprender o que nunca imaginei aprender. Que deus lhe pague porque eu não tenho dinheiro. é noix Guanabara!
Vei aconteceu a mesma coisa com migo tive q ceder as comentarios ai eu vi o seu ai pra ter certeza q eu n esqueçi de algo eu fui la ver é era isso vei com certeza você ajudou muita gente so por comentar obrigado man
Para quem ta dando o problema com o f8 vai em run - startting debugger e vai dar. aí vc deixa aberto embaixo e vai apertando f5 para atualizar.
não consegui
agora deu certo, obg
onde fica run???
@@marcoaureliobrito2749 onde fica run??
@@et_gigii usar o FN mais o F8
O conteúdo apresentado é excelente, e estou aprendendo muito sobre o javascript poderoso e versátil, muito obrigado !
Tive um pouco de dificuldade no exercício, mas no final deu tudo certo e ficou assim:
Qual sua nacionalidade? 🤔
Qual o seu nome?
Onde você mora?
Resultado
var nome = document.querySelector('input#name')
var pais = document.querySelector('input#txt1')
var res = document.querySelector('div#txt2')
function Conferir(){
if(pais.value == 'Brasil'){res.innerHTML = `Olá ${nome.value}, Vivendo em ${pais.value}, você é brasileiro(a) 😁🖐.`}
else(res.innerHTML = `Olá ${nome.value}, Vivendo em ${pais.value}, você é estrangeiro(a), seja bem-vindo(a)`)
}
Demorei umas 2h pra fazer, mas consegui.
travei na parte da conversão (que ele fala aos 25:00 ), pq achei que não precisava da linha inteira, mas não precisa somente do "Number".
ta ai:
Exercicio na pratica
Verificação de nacionalidade.
Em que país você nasceu?
function verificar() {
var ver01 = document.getElementById("cx01")
var dv01 = document.getElementById("dv01")
var cxx = ver01.value
if (cxx == "Brasil") {
dv01.innerHTML = "Você é Brasileiro!"
} else {
dv01.innerHTML = "Você é gringo!"
}
}
E aproveitando, MUITO OBRIGADO pelo curso! Pode ter ctz que está me ajudando, e ajudando muita gente!
amigo mt obrigado o meu codigo estava dando NaN mas gracas ao seu consegui achar o bug
#2020
@@kauan_roblox1238 tmj brother!
Mano, muito obrigado por postar. Segui pelo mesmo raciocínio seu, porém me atrapalhei com parênteses no inner.HTML. Consegui realizar o exercício e ainda fiz uma variação , desta vez utilizando a idade, mostrando se a pessoa é maior ou menor de idade.
Gente, eu quase caí no erro de não fazer o exercício em forma de site, pensando que era bobeira, que era TÃO simples que eu nem ia perder meu tempo fazendo, mas minha consciência me alertou que eu estaria tomando a decisão errada. Fui fazer, mesmo achando que era bobeira e logo de cara esqueci várias coisas, errei outras, o site não abriu, algo estava dando errado, mas achei o erro, consertei, o site rodou, tá lindo e tô muito satisfeita de ter seguido minha consciência. A gente vê o professor fazendo e pensa UAU, que simples, moleza, piece of cake, mas é somente na hora de fazermos sozinhos que vemos que tem toda uma lógica cabulosa por trás, daí sim realmente aprendemos a programar! THANK YOUUUUUU, Guanabara. Tô te assistindo tanto que já te acho lindo e da família (por mais contraditório que isso pareça)
A melhor forma de aprender é praticando!
Professor Guanabara merece o Nobel da educação!
Mais uma vez, gurizada medonha: o curso é muito bom, o professor é sensacional! (ao lado vai o endereço do youtube). Guanabara falou em fazermos propaganda... o que é bom a gente espalha. Esse é meu post no twitter - digo... no Xwitter.
Gratidão total, quando tenho tempo no trabalho faço os códigos no Vs code online ou em bloco de notas para treinar. O meu resultado do teste ficou assim:
País de Origem
body{
background: rgb(253, 179, 40);
font: normal 20pt arial;
color: white;
}
Qual seu país de origem?
function verificar(){
var txtPais = window.document.querySelector('input#txtreposta')
var res = window.document.querySelector('div#txtreposta2')
var pais = txtPais.value
var nacionalidade = 'Brasil'
res.innerHTML = `Seu país de origem é ${pais}`
if (pais == nacionalidade){
res.innerHTML += 'Você é Brasileiro'
}else{
res.innerHTML += 'Você é Estrangeiro'
}
res.innerHTML += ' Tenha uma boa estadia'
}
Estou aprendo cada dia um pouco e sempre agradecendo as boas aulas.😁
Depois de ter pesquisado alguns tutoriais, consegui fazer uma lista com todos os países para a pessoa escolher, eu imaginei que isso seria "util" em uma área de cadastro, então acrescentei coisas tipo nome e idade, pra poder deixar mais completo, mas o desafio dessa atividade ai foi mais deixar o site bonito do que fazer ele funcionar na vera kkkkk. Deu mo trabalhão colocar as coisas no lugar, e eu até ja sei que o jeito que eu arrumei as divs e os elementos foi uma bagunça que só, mas no fim acho que o que vale é o resultado kkkk.
ta ai meu script:
Sign in
* {
padding: 0;
margin: 0;
}
body {
overflow-x: hidden;
background-image: linear-gradient(to bottom,rgb(193, 170, 42) 0%, rgb(193, 170, 42) 60%, rgb(204, 173, 0) 100%);
height: 100vh;
}
.content {
display: flex;
flex-direction: column;
height: 100vh;
width: 100vw;
align-items: center;
justify-content: center;
}
#dados {
width: 431.29px;
height: 531.24px;
background-color:powderblue;
border: 3px solid black;
border-radius: 5%;
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
#cadastro {
transform: translateY(-90px);
padding: 100px;
}
#lab {
font-size: 16pt;
transform: translate(20px, -110px)
}
p {
font-size: 12pt;
padding-bottom: 20px;
transform: translate(20px, -90px);
}
input {
width: 200px;
transform: translate(200px, -210px);
}
select {
width: 200px;
transform: translate(200px, -210px);
}
button {
transform: translate(175px, -200px);
width: 60px;
height: 25px;
background-color:blueviolet;
border-radius: 25%;
color: white;
cursor: pointer;
}
#resultado {
transform: translateY(-50px);
}
Sign in (1/3):
Insira seus dados
Nome:
Data de nascimento:
Nacionalidade:
Enviar
let countries;
fetch("restcountries.com/v2/all")
.then(res => res.json())
.then(data => initialize(data))
.catch(err => console.log("Error:" + err));
function initialize(countriesData) {
countries = countriesData;
let options = "";
for(let i=0; i dia_niver)) {
idade = ano_atual - ano_niver
} else {
idade = ano_atual - ano_niver - 1
}
}
if ((country.value).toUpperCase() != "BRASIL") {
estrangeiro = "Sim"
} else {
estrangeiro = "Não"
}
res.innerHTML = `Usuário: ${(name.value).toUpperCase()} Idade: ${idade.toString()} Estrangeiro: ${estrangeiro}`
}
Sua nacionalidade
Qual o seu país ?
function clicar(){
var paisp = window.document.getElementById('pais')
var res = window.document.getElementById('res')
var vel = String(paisp.value)
res.innerText = `Seu pais é ${vel}`
if(vel == 'Brasil'){
res.innerHTML = 'Você é Brasileiro'
}else(
res.innerHTML = 'Você é estrangeiro'
)
}
Coloca um toLowercase no var vel = String(paisp.value)
se n n aceita se o usuário digitar tudo em minúsculo
@@to-mat3253 Onde q encaixa o toLowercase msm?
@@devwtyzard4478 Também queria saber porque eu não conseguir fazer isso não.
Mas eu consegui botando assim:
var paisp = String(window.document.querySelector('#pais').value).toLowerCase()
Desse jeito eu consegui botar tudo na mesma variável.
Não sei se isso é melhor ou pior,
Mas funcionou kkkkk
@@adrielklem no lugar de por todo texto de window.document.... poe só Var x = String(var.value).toLowerCase();
Minhas var tao com nomes diferentes por isso usei genericos mas so aplicar o nome das suas que rola. Alias muito obrigado só cheguei nesse resultado pq vi seu comentário e tentei reduzir o tamanho. Tava empacado nisso
Como estou iniciando em JS e fiz o exercício dessa aula de maneira simplificada, somente aplicado a função if e else, conforme código abaixo:
Nacionalidade
Controle de Brasileiros
Digite seu país de origem :
function calcular(){
var txtn = window.document.querySelector('input#txtnac')
var res = window.document.querySelector('div#res')
var país = (txtn.value)
if (país == 'Brasil') {
res.innerHTML = `Você é brasileiro`
} else {
res.innerHTML = `Você é estrangeiro`
}
res.innerHTML += `Isso porque você nasceu em ${país}`
}
Espero que possa agregar aos colegas! Abraço e fiquem com Deus!
Obrigadaaa, o único que deu certo pra mim!!
Obrigado, o meu estava dando erro, mas consegui por causa do seu codigo
O seu está dando a mesma coisa do meu.
Só aparece um dos dois (ou estrangeiro ou brasileiro), agora não sei se isso é erro do meu pc ou do codigo.
@@douglasdiogo5229 creio que q a resultado vai ser dependendo do país que vc responder
Muito bom! Obrigado por compartilhar o código, o meu estava dando erro e foi pelo seu que encontrei.
esse curso é foda demais quanto mais eu faço mais aprendo Professor Guanabara é monxxxxxxxxtro
Sério, além das aulas serem ótimas o curso em vídeo criou uma comunidade muito boa que sempre ajuda nos comentários.
No caso não tem necessidade de criar mais uma variável para adicionar no "value", após criar a variável que desejar ser "lida" pelo usuário basta apenas colocar tudo dentro de um parentes e adicionar o .value ao final.
Exemplo:
var n = (document.getElementById('nasc').value)
Valeu Pedro. Vim procurar exatamente isso. Sabia que tinha alguma maneira de fazer direto.
Obrigado por compartilhar.
@@rafapatricio_ É nooois =)
@@pedrobassani5279 Pensando nessa lógica da pra fazer o código todo em uma só linha rsrsrrs naisi
pqp Pedro!! Obrigado!! Tou aqui faz 1h tentado descobrir isso!! (ainda bem que vc fez esse comentário à 1 ano atrás kkk)
Tava travado nisso aí, salvou demais
Pra quem quiser desativar "Info: start process" e o "Info: end process":
Clicar na engrenagem do node.exec, depois ir em "extension settings" e desativar a caixinha "Show start and end info".
Depois é só reiniciar e pronto :)
Não identifiquei onde fica a engrenagem do node.exec
@@anabeatrizbarbosa5494 Fica na aba das extensões, aí tu clica no node.exec onde vc instalou, a engrenagem fica do lado do "disable" e "uninstall"
VALEUU MENN
Vlw man, já estava me estressando com isso. Mt obrigado msm 🤝🏻
fica aparecendo: Process is already running! quando aperto F8 😢 e não aparece o comando que dei
DICA : ALT+SHIFT+F e seu código será indentado corretamente.
Para quem está com dúvida no exercio final.
Nacionalidade
Onde voce mora?
function calcular() {
var txt = document.querySelector('input#País')
var res = document.querySelector('div#res')
var vel = String(txt.value)
res.innerHTML = `Voce mora em ${vel}`
if (vel.toLowerCase() == 'brasil') {
res.innerHTML += `Você é Brasileiro`;
} else {
res.innerHTML += `Você não é Brasileiro`;
}
}
impressionante como a didatica do guanabara é boa, e mais impressionante como ele sempre refina isso cada vez mais a cada curso, os de hoje em dia são ainda melhores do que os dessa época
Continua o curso de PYTHON, tu é d+
Up
@Lucas Domingues eu tbm
UP
pygame é zuado, n vale a pena ensinar :/
Queria um de django mesmo.. seria uma mão na roda
Consegui!!! Vê se é assim:
Imigração
Departamento de Imigração
Digite seu país de origem:
function verNac() {
var origem = window.document.getElementById('txtpaís') // Seleciona o valor na caixa de texto e joga na variável "origem"
var nac = window.document.getElementById('nac') // Seleciona o a área do parágrafo com o resultado e joga na variável "nac"
var país = String(origem.value) // Copia o conteúdo da variável "origem" para a variável "vel" e converte para "String"
nac.innerHTML = `Seu país de origem é ${país}.` // Escreve na área do parágrafo, interpolando com o conteúdo de "país"
if (país == 'Brasil') { // Verifica se o país digitado é "Brasil".
nac.innerHTML += 'Você é Brasileiro.'
} else {
nac.innerHTML += 'Você é Estrangeiro.'
}
}
fiz quase certo, só faltava o string( ) que eu n sabia. fiquei um tempão tentando vlw!
fiz assim tbm mas contem um erro (pais == 'Brasil') só reconhece se for exatamente Brasil, em caso de digitação brasil ou BRASIL da como estrangeiro, sabe como resolver?
@@dozeroastartup Só converter tudo pra brasil ou BRASIL com o lowcase ou upercase
@@dozeroastartup const nacionalidade = window.document.querySelector('input#nacionalidade').value.toLowerCase();
neste exemplo da pra diminuir as linhas de código e fazer tudo, no momento que uso o querySelector para escolher o input do HTML, ja coloco no final um (.value) para já guardar a string digitada na variavel, e o ( .toLowerCase() ) para fazer a string em caixa baixa, assim quando você criar a função nao importa se o usuario digite com letra maiusca ou minuscula que sempre vai converter para minusculo... vlw
@@douglasvallinhos1102 Você sabe como fazer para sempre só a primeira letra ficar maíscula e o restante ficar minúscula?
Bom, acho que como aluno deveria enviar também meu código.... ^^ mostrar que a lição foi feita.
Não sei se fiz a parte do CSS de forma correta mas eu tentei ^^
Identificadoor de Nacionalidade
body {
background-color: pink;
color: white;
font: normal 15px Roboto;
}
input#txtp {
width: 250px;
height: auto;
color: white;
font: normal 15px Roboto;
background-color: palevioletred;
text-align: center;
border-radius: 2px;
border: none;
}
input#verificar {
width: 150px;
height: 150;
color: white;
font: normal 15px Roboto;
background-color: palevioletred;
text-align: center;
border-radius: 2px;
border: none;
margin-top: 10px;
}
div {
margin-top: 20px;
text-align: center;
}
#corpo {
width: 1000px;
height: auto;
margin: 0 auto;
}
Identificador de Nacionalidade
function verificar() {
var país = document.querySelector('input#txtp')
var res = document.querySelector('div#res')
var nacionalidade = String(país.value)
res.innerHTML += `Atualmente você vive no ${nacionalidade}.`
if (nacionalidade == 'Brasil') {
res.innerHTML += `No entanto você é brasileiro.`
} else {
res.innerHTML += `No entando você é estrangeiro.`
}
}
Cara, estou começando agora, e foi difícil eu ver o sinal de ==, sendo q eu coloquei = kkkk pqpp, vlw pelos códigos.
Ficou bacana seu código, até bonito com o CSS. Eu não consegui nem fazer kkk, peguei o seu pra ler e ver onde errei nos meus códigos, e entendi. Mas vou voltar duas aulas como castigo até conseguir.
O seu só acrescentei o UpperCase para dar o resultado msm quando digitam BrASil
cara muito obrigado, eu havia me esquecido de converter a string
Valew imenso eu tinha colocado input type="string" acho que esse foi meu erro
Muito obrigado por enviar seu código, comparando com o meu, consegui encontrar o que estava errado aqui. Valeu!!!
Obrigado por passar seu conhecimento , estou aprendendo muito com suas aulas !
estudar esta sendo umas das melhores partes do meu dia.
Demorei, mas consegui fazer o exercício do país, estava tentando e não conseguia (acho que era o sono das 23h), mas fui rever meu código e tinha esquecido de colocar a propriedade ".value" na variável. Para resolver a questão da sensibilidade de escrita usei o operador lógico OU.
Meu muito obrigado Guanabara, só agora e com você que estou entendendo aos poucos como programar em javascript.
amigo, na HR que ele demonstra o código lá da velocidade do carro, eu faço tudo igual ele, mas na HR de verificar a velocidade e aperto o botão verificar e nada acontece, já tentei de tudo e não consigo, poderia me ajudar
@@domjeantrader Estou com o mesmo problema se puder dizer como que você conseguiu arrumar( se conseguiu )
Gente, não esqueçam das aspas nos lugares certos!
eu fiz tudo certo(ou quase) e fiquei quebrando a cabeça procurando meu erro e comparando com o do pessoal aqui nos comentarios. Até descobrir que o meu erro foi esquecer as "" no "Brasil" do meu codigo.
valeu, já tava refazendo o código inteiro
Depois de algum tempo tentando descobrir porque minha variável " pais " estava vindo como " object HTMLInputElement " dei uma pesquisada sobre isso e descobri que tinha que colocar .value depois do document.querySelector('input#txtpais'). Não lembro do guanabara ter falado isso em alguma aula, mas de qualquer forma me forçou a pesquisar e encontrar por contra própria, sei que vida de programador é pesquisar o problema até achar uma solução.
a isso me ajudou muito. coloquei .value no final do meu getElementById, e foi
@@robertapereirasabino302 Que bom que ajudei ^^
@@robertapereirasabino302 onde vc colocou? o meu tmb não esta funcionando. No if ele vai direto para o else:
var pais = 'Brasil'
var txt = window.document.getElementById.('txt')
var res = window.document.getElementById('res')
if (txt == pais) {
res.innerText = 'Você é Brasileiro'
}
else {
res.innerText = 'Você é Estrangeiro'
}
@@jhonatasmourao coloca assim: var txt = window.document.getElementById('nome que se deu').value
@@robertapereirasabino302 Opa! Maravilha. Agora deu certo! Valew amigo!!
"Nenhum deles tá errado, nenhum deles tá certo"
Guanabara Gustavo, 2019
percebi isso
kkkkkkkkkkk achei que só eu tinha percebido, dei muita risada com ele disse isso kkkkkkkk
SHOW DE BOLA!!! Guanabara ensina bem de mais. Este canal merecia receber mais patrocínio, patrimônio nacional!
Quem fez o curso de Python todo, ta tirando de letrinha essa de JS!
Guanabara eh mt pica
Fiz uma condicional para as perguntinha no início da aula e retornando a playlist do curso ou a aula 11.1:
------------------------------------------------------------------------------------------------------------
Aula 11.1 Js - Curso em Vídeo
AULA 11.1 - JavaScript
Perguntinhas sobre a Aula 10.
Consegue citar três eventos que pode acontecer com elementos DOM de um site?
O que é uma função? Como criar funções em JS?
Sabe como pegar os valores de caixas de texto e fazer cálculos com eles?
Tem dúvidas ou dificuldade em qualquer um desses assuntos? (s/n)
function verify(){
var txtv = window.document.getElementById('txtver')
var res = window.document.getElementById('res')
var ver = txtv.value
if(ver == 's'){
res.innerHTML = `Aparentemente você ainda tem dúvidas sobre o assunto abordado na Aula 10.`
res.innerHTML += `Sugiro que você reveja a Aula 10 ou siga a playlist de todo o curso antes de prosseguir para Aula 11. Ambas estão logo abaixo. Bons estudos.`
res.innerHTML += ``
res.innerHTML += ``
} else {
res.innerHTML = `Parabéns. Aparentemente você acompanhou e praticou o conteúdo da Aula 10.`
res.innerHTML += `Vamos dar continuidade na Aula 11, onde falaremos sobre Condições. Bons estudos.`
res.innerHTML += ``
}
}
Olá, criei uma discord sobre programação!
discord.gg/pmeNaksB
Muito foda
Muito bom, cara!
cara copie e coleu teu codigo, assim como nos ex anteriores ao clicar nao aparece o resusltado alguem sabe oque mudou em 2022
kkkkkkkkkkkkkkkkkkk, dormi na primeira aula acordei acordei aqui nessa. sacanagem, vou ter que voltar tudo
Kkkkkkkkkkkkkkk azideia
Pior é eu achando que ainda tava na aula 2
Quebrei cabeça demais, porém, deu certo finalmente!
Nacionalidade
Sua naciolalidade
Informe-nos onde você está localizado atualmente
function procurar(){
var localização = window.document.querySelector('input#país')
var resultado = window.document.querySelector('div#resultado')
var país = String(localização.value)
resultado.innerHTML = `Você está morando atualmente em ${país}`
if (país == 'Brasil') {
resultado.innerHTML += `Interessante, você é um Brasileiro!`
} else {
resultado.innerHTML += `Interessante, você é um Estrangeiro!`
}
}
Galera... Pra quem não entendeu o uso do Number( )... Ele é usado na aula para transformar "window.document.getElementById('txtvel')" em número primitivo. Caso contrario, o uso não transformado em número, teríamos o resultado igual ao tipo de objeto ou tag html (input) pertencente a "window.document.getElementById('txtvel')".
Espero ter ajudado a esclarecer, tbm foi uma duvida minha.
Obrigado pela aula, professor!
Quem tiver com o problema ("Running the contributed command: 'extension.miramac.node.exec' failed."). Aperte a tecla "F5", depois só clicar em "Node.js". Comigo fucionou, espero ter ajudado!.
Muito obrigada!
13:34 na vdd tem sim kkkk. Se for abaixo da velocidade mínima da estrada. Que é a metade da máxima.
Essa eu não sabia KKKKKKKK
@@ferr3iro145 eles falam isso na auto escola, mas acho que ninguem nunca foi multado por isso kkkkkkkkkkkkk
Q01
Consegue citar 3 eventros que podem aconter com elementos DOM de um site?
R: onclikc, onmouseenter, onmousedown
Q02
O que é uma função? Como criar função em JS?
função e um bloco de comando que e executado sequecialmente, a função e criada com o comando function
Q03
Sabe cmo pegar os valores de uma caixa de texto e fazer cálculos com eles?
Somando Valores
+
Resultado
function somar() {
var tn1 = document.getElementById("txtn1");
var tn2 = document.querySelector("input#txtn2");
var res = document.querySelector("div#res");
var n1 = Number(tn1.value);
var n2 = Number(tn2.value);
var s = n1 + n2;
res.innerHTML = `A soma entre ${n1} e ${n2} é igual a ${s}`;
}
Valeuuuu Irmao!!! Muito Obrigado.
Fiz o sistema de multas sem terminar o vídeo. Pausei e fiz sozinho, deu certo. Muito obrigado professor, finalmente estou entendendo js, quem diria que seria tão fácil. Agora vamos terminar de assistir a aula.
Estou adorando. A prática torna tudo bem mais simples. Fiz esse projeto da nacionalidade outro dia e foi uma luta. Criei um novo arquivo e fiz do zero novamente foi bem mais fácil.
Resolvi o exercício com um campo de seleção para o usuário:
Verificando sua nacionalidade
Escolha seu país de origem
--- escolha ---
Brasil
Argentina
Estados Unidos
México
function consultar() {
var txtnac = window.document.getElementById('nacionalidade')
var origem = String(txtnac.value)
var res = window.document.getElementById('res')
if (origem == 'Brasil') {
res.innerHTML = `Você é brasileiro.`
} else {
res.innerHTML = `Você é estrangeiro.`
}
res.innerHTML += 'Checagem finalizada'
}
Olá, eu não entendo pra que serve essa linha:
var txtnac = window.document.getElementById('nacionalidade'
O meu funcionou sem ele.
Pra quem está fazendo o curso pelo notebook e não está consigo usar o Node Exec, tem que apertar Fn+F8 pra funcionar!
Quando eu aperto fn+f8 ele aumenta o volume e quando eu aperto f8 não acontece nada, sabe me ajudar?
Muito Obrigado!
O meu funcionou assim:
Paises de Origem
Pais de Origem
País de Origem:
function verificar() {
var paistxt = document.getElementById('txtpais').value //utilizar o .value no final para pegar o valor digitado no campo ao invés do campo
var ver = document.querySelector('div#ver')
//var pais = (paistxt.value) // tbm é possível usar o valor em outra variável como ficou aqui, porém precisa trocar o nome da variável na condição if
if (paistxt == 'Brasil') {
ver.innerHTML = 'Você é Brasileiro'
}
else {
ver.innerHTML = 'Você é Estrangeiro'
}
}
Muito bom, Evandro!
Fiquei muito feliz que fiquei uns 20 minutos apanhando até entender que é necessário o ".value" para que você consiga realizar a comparação.
Obrigado pela colaboração!
@@Fabriiciofit eu fiquei 3 horas apanhando pq queria trocar a cor quando o botão fosse pressionado '-'
ai eu descobri que é só usar .style.backgroundColor="Valor que vc que ou rgb(Valor que vc quer)";
Obrigado !! Me ajudou muito a entender o exercício
Olá, pq nesse exercicio precisa colocar o .value e no exemplo que o Gustavo fez no video sobre o sistema de multas não precisa pôr?
@@joselucas6117 se você reparar bem ele usou o .value no sistema de multas. Na linha 20:
var vel = Number(txtv.value)
Esse cara é BOM demais mesmo!!! Bom é pouco, ele é EXCELENTE!
melhor professor de todos os tempos , nem a NASA descobre outro igual esse
EM UMA SEMANA APRENDI MUITO
Uma dica pra quem quebrou a cabeça como eu. Não aparecia a frase "Sua velocidade atual é x km/h
O erro do meu estava aqui em linha17
var txtv = window.document.querySelector(input#txtvel) // nao coloquei os acentos dentro do colchete.
O correto seria.
var txtv = window.document.querySelector('input#txtvel')
Obrigado, de nada !!!!
Continua com o curso de python :)
Concordo mt
Se vocês fizessem o avançado das linguagens seria perfeito, mesmo que fosse pago.
demorei mais de 2h achando que o erro era colocar valor em forma de text ou string... pra no final ver que eu tinha esquecido de por a chaves { } na função. Felizmente deu certo, aqui esta
Nacionalidade
Sua nacionalidade?
function clicar() {
var txt = window.document.getElementById('nascitx')
var res = window.document.getElementById('res')
var pais = String(txt.value)
res.innerHTML = `Seu país é do ${pais}`
if (pais != 'brasil') {
res.innerHTML += `Você é gringo`
}
}
Valeu, Google & Guanabara! Já posso sentir que esse curso está mudando minha vida!
Demorei um pouco mas foi. Não usem de cola, sim pra refrescar as ideias. Faça e refaça.
Confirmando sua nacionalidade.
Qual país de nascimento?
function verificar() {
var paisp = window.document.querySelector('input#pais')
var res = window.document.querySelector('div#res')
var rel = String(paisp.value)
res.innerHTML = `O país informado é ${rel}.`
if (rel == 'Brasil') {
res.innerHTML += `Então você é um bom brasileiro.`
} else {
res.innerHTML += `Você não é brasileiro. Mas é gente boa.`
}
}
Boa noite Allan!
Cara, quebrei a cabeça um tempão até visualizar o seu comentário.
a diferença do meu código para o seu é que eu não pulei essa linha do var res para o var rel como está no seu código.
Daí, no meu código, pulava direto para o else, com se a condição do if fosse falsa.
Vendo o seu código, saltei essa linha e executei, funcionou! 🥳🎉
Só queria entender, porque a necessidade de pular essa linha.
Qual é a sua nacionalidade?
O país em que você nasceu é:
function verificar() {
var paisp = document.querySelector(`input#pais`)
var res = document.querySelector(`div#res`)
var rel = String(paisp.value)
res.innerHTML = `Você nasceu no(a)${rel}`
if(rel == `Brasil`){
res.innerHTML += `Você é BRASILEIRO(A)`
}else {
res.innerHTML += `Você é ESTRANGEIRO(A)`
}
}
Cara, descobrir porque estava passando direto para o else.
Quando eu estava digitando Brasil, eu apertava a tecla de espaço então ficava (Brasil ) com um espaço, daí o if considerava como falo e executava o else. Depois de vários dias, descobrir agora que um espaço no código estava me fazendo perder o sono! rsrsr
@@walacenascimento4701 Show ter identificado o erro. É quebrando a cabeça mesmo que to apredendo. Bom aprendizado aí, irmão!
@@cownyt Eu tava quebrando a cabeça para independente se a pessoa colocar Brasil com letra maiuscula ou minuscula ele identificar que é brasileiro ou nao de fato. fiz a modificação em seu proprio codigo (y)
Confirmando sua nacionalidade.
Qual país de nascimento?
function verificar() {
var paisp = window.document.querySelector('input#pais')
var res = window.document.querySelector('div#res')
var rel = String(paisp.value)
res.innerHTML = `O país informado é o ${rel}.`
if (rel.toLowerCase() == 'brasil') {
res.innerHTML += `Então você é um bom brasileiro.`
} else {
res.innerHTML += `Você não é brasileiro. Mas é gente boa.`
}
}
na 21ª linha If (rel.TOLOWERCASE) deixa o texto inserido em minusculo == brasil em minusculo