Conditions (Part 1) - JavaScript Course #11

Do you know how to use the if command in JavaScript? Can you tell simple conditions and compound conditions? Do you know how to create a condition using JavaScript? Do you know how to install and configure the Node Exec extension in Visual Studio Code?
Well, to answer these and many other questions, watch this Beginner JavaScript Course lesson until the end. And do not forget to practice all the activities we do during the video on your own computer.
JavaScript Course Course and ECMAScript for Beginners, created by Professor Gustavo Guanabara for the channel CursoemVideo.
Video Course
Be a supporter: cursoemvideo.co...
Website: www.cursoemvide...
KZbin: / cursoemvideo
Facebook: / cursosemvideo
Twitter: / cursosemvideo
Twitter: / guanabara
Instagram: / cursoemvideo
Instagram: / gustavoguanabara
Sponsorship
Google: www.google.com
#CursoemVideo #JavaScript #ECMAScript #ModuleD #Lesson11

[@PatsFerrer]

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!

[@lucas4.vsk8]

Obrigado, ajudou bastante!

Parece bobeira, mas ... MUITO obrigado, rs!

[@7Landa]

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,

[@franciscofilipe1591]

@@7Landa Perfeito!

[@danillowillian3269]

@@7Landa por isso nao achei aqui . vlw

[@thisislaraa]

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

[@CaioHenrique-ux2yx]

conseguiu usar a extensao nodejs exec?

[@GitHub_Brubzie]

Me ajuda usar também o Notion pra fazer as anotações, os dois ajudam bastante

[@Victor.Ramalho]

​@@CaioHenrique-ux2yxeu não consigo... vc descobriu como?

[@DevTetinha]

@@Victor.Ramalho Utiliza a extensão RUN, baixou é só apertar CTRL + ALT + N

[@renanmacho]

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.

[@robsonnonato2794]

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. ' } }

[@lucaseu1000]

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.

[@etielbarros]

Obrigado pela dica

[@fabriciolourenco4565]

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

[@JoaoGabriel-st6or]

mano, muito obrigado msm, tentei fazer de todas as formas possíveis mas n estava conseguindo...vc deu uma luz braba !!! obrigado

[@robsonnonato2794]

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.

[@gabrielsantosingles496]

Só pra avisar que hoje em dia precisa sim colocar o .value no exercicio, apanhei muito tentando descobrir isso

[@gambiarte6440]

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 :>)

[@RudneyLeal]

11:23 Quando eu teclo F8 nada acontece, e eu já tenho o node instalado. O que pode ser?

[@brunolopes9822]

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 "

[@marcelohenrique8238]

​@@RudneyLeal cara acredito que seja devido você estar no notebook, tenta apertar fn + f8

[@marcelohenrique8238]

​@@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.😅

[@renanmacho]

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.

[@thecokie4764]

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!!!

[@alanguizan]

FOCO e treinamento, programação não é nem um pouco fácil, não podemos desistir nunca...

[@DavidEmaisJesus]

Eu também tentei fazer sozinho e não consegui vou assistir dnv as aulas anteriores

[@Diz-Ai-0]

E aí, depos de 10 meses com anda os estudos?

[@eduuardojesus]

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.

[@PauloSantos-hw5kd]

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!

[@TheSammarkus]

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

[@rodrigopimenta705]

Muito obrigado, cara!

[@reginaldofernandes3944]

Muito obrigado! Essa dica foi fundamental!

[@felipeamparado3922]

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 !

[@SnaggyCartoon67]

vlw mano, ajudou muito!

[@lucascavalcantederezende3720]

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!!` } }

[@129douglas]

ufa valeu mano estava errando em não colocar a variável 'Brasil" kkk

[@tiosegarius3780]

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

[@Thaylon2003]

Pra quem ta no notebook e tentou usar o F8 é só fazer o seguinte, aperte a tecla " fn" + "esc" e depois é só apertar f8

[@QuizLegit]

Essa era a aula que eu tava querendo. To criando um chat bot de atendimento por whatsapp web. Tem muitas condições.

[@otthon-dev]

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

[@Oclolfo]

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.

[@felipefreinoguez6452]

Digo o mesmo...

[@thaleswendel9126]

@@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

[@marcelomiranda36]

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.

[@kilzone87]

cm assim?

[@nathanbatista9041]

Não estou conseguindo

[@KoalaDevs]

​@@nathanbatista9041 tipo não escreve o number manualmente, escreve "N" aí vai aparecer para selecionar "NUMBER"

[@nathanbatista9041]

@@KoalaDevs deu certo já, mais foi um sacrifício fazer pegar kkkkkk.

[@marcosgomesa4847]

hoje 21/11/2023 Aqui aprendendo muito com o meu preferido professor, muito grato por tudo Guanabara.

[@olgariomarcos]

E hoje? Já conseguiu trabalho?

[@rafaelkfouri8149]

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😎🤣

[@epadois]

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!!!

[@Honório-gato]

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! 💪💻🌟🖖

[@ricardocalixto4472]

Faz o Avançado de javascript por favor!

[@aftbah2879]

Up

[@hellenoliveiradepaula8737]

up

[@gabryelfhsoares]

up

[@lauanamorim9136]

@@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.

[@JoaoVictor-ir3yu]

@@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:)

[@mtkkyt]

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!

[@victorlopes4023]

Fiz meu primeiro exercicio e estou amando a aula.

[@kassioobrito8486]

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`; } }

[@misaelbastos3416]

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)'

[@josuecristian8684]

Muito obrigado cara, me ajudou de maiiss

[@josimardasilvaalbuquerque8030]

Muito obrigado, melhor explicação

[@brendonalex4848]

Eu deveria ter visto os comentários logo kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk Passei um tempão nesse desafio kkkkkk que droga akakaakak Valeu, mano! TMj!!!!

[@blogueiraatipica]

Não entendi o que significa esse value

[@anonimous1784]

cara vocês estão de parabens mesmo em 2022 esse curso continua maravilhoso

[@brunoteixeira4572]

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!!!!

[@sandwicheems]

25:59 uma das coisas que gosto no Guanabara é essas lições que ele solta de vez em quando!

[@ALEPAO069]

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)`) }

[@amandaramos2919]

Gratidão é o que eu sinto por esse canal e pelo Guanabara. Muito obrigada mesmo!!

[@braiandeivid]

"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 🗿

[@alexk10full]

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.

[@rodrigomoro134]

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!

[@kauan_roblox1238]

amigo mt obrigado o meu codigo estava dando NaN mas gracas ao seu consegui achar o bug #2020

[@rodrigomoro134]

@@kauan_roblox1238 tmj brother!

[@thalysson_de_sousa]

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.

[@mandratattoo]

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 🤘🏽

[@7Landa]

Fiz uma calculadora e deu certinho Aula 07 Calculando Valores + Resultado function somar(){ var tn1 = window.document.getElementById('txtn1') var tn2 = window.document.querySelector('input#txtn2') var res = window.document.getElementById('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}` } function sub(){ var tn1 = window.document.getElementById('txtn1') var tn2 = window.document.querySelector('input#txtn2') var res = window.document.getElementById('res') var n1 = Number(tn1.value) var n2 = Number(tn2.value) var s = n1 - n2 res.innerHTML = `a subtração entre ${n1} e ${n2} é igual a ${s}` } function div(){ var tn1 = window.document.getElementById('txtn1') var tn2 = window.document.querySelector('input#txtn2') var res = window.document.getElementById('res') var n1 = Number(tn1.value) var n2 = Number(tn2.value) var s = n1 / n2 res.innerHTML = `a divisão entre ${n1} e ${n2} é igual a ${s}` } function mult(){ var tn1 = window.document.getElementById('txtn1') var tn2 = window.document.querySelector('input#txtn2') var res = window.document.getElementById('res') var n1 = Number(tn1.value) var n2 = Number(tn2.value) var s = n1 * n2 res.innerHTML = `a multiplicação entre ${n1} e ${n2} é igual a ${s}` }

[@cleberleite4419]

Obrigado aos colegas por terem postados os seus códigos, pois me ajudou a descobrir um erro.

[@VH1973]

Cara o Guanabara é f....... mesmo, creio que agora comecei a entender programação de vdd... Gratidão sempre !!!

[@GustavoVianna]

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!

[@bielzinss]

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.

[@dragnearnft]

ta estudando JS agr mano? quer estudar junto? teu comentario salvou demais aqui kkkk

[@danilo2kk]

@@dragnearnft mais um aqui kk

[@thiagoluzthi4178]

Obrigado, vi acima para baixar o Runner, mas tem vários, você postou certinho.

[@____mariana_____x]

Eu aperto e fala que a linguagem não suporta ou não foi definido

[@thiagoluzthi4178]

@@____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.

[@salvaaiheadshop8350]

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!

[@junquerida]

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)

[@cleiton_rs]

A melhor forma de aprender é praticando!

[@nexusprime_here]

PS: pra qm ñ conseguiu usar o node exec, o Runner também serve! Edit: Para usá-lo depois de instalar press Ctrl+Shift+R

[@vagnerrangel4088]

Valeu! Aqui o Node Exec era só erro na hora de executar.

[@Gust17]

vlww

[@samuelguilherme6829]

Mano muito obrigado, me ajudou demais

[@nexusprime_here]

@@samuelguilherme6829

[@EriclisGoncalves]

Obrigado man

[@robpontojunior]

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 =] 😁🖖🧑‍🚀

[@adrian_matyas]

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.

[@robpontojunior]

Top @@adrian_matyas, assim que tiver uma pausa aqui vou adaptar as mudanças! Show

[@podcortes_65]

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!!

[@anacarolinesilvacastrosant6566]

Muito obrigada Roberto,me ajudou muito. Estava dois dias tentando 👏👏👏

[@anacarolinesilvacastrosant6566]

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.

[@giovaner.4712]

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

[@FFCagadaseMancadas]

Sim, meus primeiros passos em JS estão sendo ótimos graças a vc Guanabara. Meu muito obrigadaaaaaa❤

[@mauriciosilva1551]

Não sei porque este assunto me bati, tive que assistir umas 6 vezes pra pegar bem, o importante é que peguei

[@isabellamuniz93]

Não importa o tempo que demore

[@mauriciosilva1551]

@@isabellamuniz93 Sim, hoje trabalho como desenvolvedor, e esse curso me deu uma grande inspiração.

[@isabellamuniz93]

@@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!

[@az1nn]

@@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...

[@davi1710]

é 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.

[@Flaviano.]

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.

[@RudneyLeal]

11:23 Quando eu teclo F8 nada acontece, e eu já tenho o node instalado. O que pode ser?

[@Flaviano.]

@@RudneyLeal Não sei n irmão, fiz oque o professor fez e deu tudo certo.

[@bergz74]

@@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.

[@RudneyLeal]

@@bergz74 Obrigado 😁 vou dar uma olhada aki

[@bergz74]

@@RudneyLeal node exec

[@ell4771]

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.

[@vitoremanuel_]

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?

[@cristianbezerra3557]

Consegui fazer um exercicio de calculo do IMC, com todas as Classificações de peso, da um trabalho legal e valeu a pena

[@fabriciojosebrito5235]

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

[@alovose]

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!` }

[@Diogospk1]

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

[@snanik_yt]

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.

[@juancasas9608]

ei mano da uma olhada no canal games indie, la tem uma play list de prog. de games no unity 3d com o javascript

[@777colombe]

Sem parar: 11 aulas, 11 joinhas! #parabéns!!

[@gustavozuini]

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

[@Pedrohenriquemgm]

@@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 :)

[@gustavozuini]

@@Pedrohenriquemgm 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!

[@Pedrohenriquemgm]

@@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!

[@gustavozuini]

@@Pedrohenriquemgm 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 é!

[@fakeOfFakerLOL]

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

[@epadois]

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.

[@lexnoobr]

Além da extensão Node Exec, também há a extensão Code Runner. Fica a Dica! Obrigado pelo excelente conteúdo! Abs!

[@jeanguilherme4738]

Obrigado!!

[@supp3rv1ctor]

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!

[@julianavalle1567]

Já vi várias aulas sobre condicionais, mas com essa didática, nunca! Maravilhoso professor, parabéns!

[@KlausNascimento]

O conteúdo apresentado é excelente, e estou aprendendo muito sobre o javascript poderoso e versátil, muito obrigado !

[@talisrabelo1017]

Essa alula me bugou todo, vou ter que assiste mais vezes. mas é muito bom!

[@WillianMoraisSilva]

Professor Guanabara merece o Nobel da educação!

[@lexigk_]

O meu código ficou assim. Os comentários ficaram quando copiei Nacionalidade Sua Nacionalidade Qual seu país de origem? function verificar(){ // função que habilita o botão var txtp = document.getElementById('txtpais'); // conecta a caixa de texto com a variável no JS var nacionalidade = document.querySelector('div#nac'); // conecta a div com a variável no JS var pais = txtp.value // pega o texto escrito na caixa de texto e armazena na variável if (pais == 'Brasil'){ // condição true nacionalidade.innerHTML = 'Você é brasileiro' } else { // condição false nacionalidade.innerHTML = 'Você é estrangeiro' } }

[@henriquebianchi1022]

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!

[@emanuelgustavo6864]

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

[@sandwicheems]

9:00 if (me tornar programador é possível) { irei me dedicar até me tornar! } else { vou trabalhar com algo que não gosto. }

[@JoaoWeberV]

Sério, além das aulas serem ótimas o curso em vídeo criou uma comunidade muito boa que sempre ajuda nos comentários.

[@victorfranco6420]

Pouca curtida para muita visualizações. Vamos ajudar a fornecerem conteúdo de qualidade

[@Rafaelgodoyebert]

quando se ta fazendo o curso no site é dificil dar curtida, tem que entrar no youtube da pra dar o like

[@pedrophillipe]

gafanhoto, ele tbm está ganhando apenas pelas visualizações .... curtida é de menos

[@mpomagalhaes]

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

[@onsigmund]

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.

[@Ana-ok7ln]

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

[@VolnirBorre1]

Me ajudou pra caramba

[@batatabionica9882]

me ajudou muito, valeu

[@mundojoseofficial]

Vlw em cara , fiquei 2 Horas matutando no que tava de errado

[@__Filipz]

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' } }

[@matheus9173]

Muuito obrigado

[@gabrielpessoal5677]

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` } }

[@Diogospk1]

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.

[@igormyers]

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 :)

[@anabeatrizbarbosa5494]

Não identifiquei onde fica a engrenagem do node.exec

[@igormyers]

@@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"

[@BrunoSilva-dn9qs]

VALEUU MENN

[@icarolunare1855]

Vlw man, já estava me estressando com isso. Mt obrigado msm 🤝🏻

[@Victor.Ramalho]

fica aparecendo: Process is already running! quando aperto F8 😢 e não aparece o comando que dei

[@clevisonbarbosa7923]

Estou estudando PHP e JavaScript com Guanabara ao mesmo tempo, PERFECT!!!! ◕‿◕

[@cyphergotthis]

Continua o curso de PYTHON, tu é d+

[@hitsk2505]

Up

[@pedropedroca8727]

@Lucas Domingues eu tbm

[@trancorj]

UP

[@gomesbruno201]

pygame é zuado, n vale a pena ensinar :/

[@CleberAugustzz]

Queria um de django mesmo.. seria uma mão na roda

[@highlabfight]

Quem fez o curso de Python todo, ta tirando de letrinha essa de JS! Guanabara eh mt pica

[@rodrigao_gameplays]

Apanhei nesse exercício mas consegui resolver no final. Vou compartilhar o que descobri como dica para vcs: var txt = window.document.getElementById('pais').value

[@aninhamonteiro2010]

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.

[@marcoaureliobrito2749]

não consegui

[@marcoaureliobrito2749]

agora deu certo, obg

[@et_gigii]

onde fica run???

[@et_gigii]

@@marcoaureliobrito2749 onde fica run??

[@WesleySantos-tm6vf]

@@et_gigii usar o FN mais o F8

[@olba1888]

kkkkkkkkkkkkkkkkkkk, dormi na primeira aula acordei acordei aqui nessa. sacanagem, vou ter que voltar tudo

[@claudemirmacedo289]

Kkkkkkkkkkkkkkk azideia

[@olba1888]

Pior é eu achando que ainda tava na aula 2

[@daltonborges]

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.

[@larradebroham7615]

vlw!! tava quarendo saber justamente isso

[@komai-2706]

SHOW DE BOLA!!! Guanabara ensina bem de mais. Este canal merecia receber mais patrocínio, patrimônio nacional!

[@thejappa89]

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.

[@domjeantrader]

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

[@danteszinhos2349]

@@domjeantrader Estou com o mesmo problema se puder dizer como que você conseguiu arrumar( se conseguiu )

[@OlavoLealFernandes]

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.' } }

[@jonatassantos3008]

fiz quase certo, só faltava o string( ) que eu n sabia. fiquei um tempão tentando vlw!

[@dozeroastartup]

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?

[@EscoladoDiaaDia]

@@dozeroastartup Só converter tudo pra brasil ou BRASIL com o lowcase ou upercase

[@douglasvallinhos1102]

@@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

[@vitoremanuel_]

@@douglasvallinhos1102 Você sabe como fazer para sempre só a primeira letra ficar maíscula e o restante ficar minúscula?

[@leonardoian8471]

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.` } }

[@discoveringyourpower]

Cara, estou começando agora, e foi difícil eu ver o sinal de ==, sendo q eu coloquei = kkkk pqpp, vlw pelos códigos.

[@Igorlima004]

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

[@dudeareupregnant8404]

cara muito obrigado, eu havia me esquecido de converter a string

[@isaakyhsialf4369]

Valew imenso eu tinha colocado input type="string" acho que esse foi meu erro

[@luizhenriquegomesdasilva7099]

Muito obrigado por enviar seu código, comparando com o meu, consegui encontrar o que estava errado aqui. Valeu!!!

[@rodrigocorreiasantos4062]

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]

a isso me ajudou muito. coloquei .value no final do meu getElementById, e foi

[@rodrigocorreiasantos4062]

@@robertapereirasabino302 Que bom que ajudei ^^

[@jhonatasmourao]

@@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' }

[@robertapereirasabino302]

@@jhonatasmourao coloca assim: var txt = window.document.getElementById('nome que se deu').value

[@jhonatasmourao]

@@robertapereirasabino302 Opa! Maravilha. Agora deu certo! Valew amigo!!

[@Camilaveiga802]

Obrigado por passar seu conhecimento , estou aprendendo muito com suas aulas ! estudar esta sendo umas das melhores partes do meu dia.

[@ewerson2012]

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.😁

[@reginaldorocha]

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!

[@ranimartinsz]

Obrigadaaa, o único que deu certo pra mim!!

[@smilionarios]

Obrigado, o meu estava dando erro, mas consegui por causa do seu codigo

[@douglasdiogo5229]

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.

[@nahavaplay4006]

​@@douglasdiogo5229 creio que q a resultado vai ser dependendo do país que vc responder

[@paralamadefusca]

Muito bom! Obrigado por compartilhar o código, o meu estava dando erro e foi pelo seu que encontrei.

[@augustoramos9131]

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' ) }

[@to-mat3253]

Coloca um toLowercase no var vel = String(paisp.value) se n n aceita se o usuário digitar tudo em minúsculo

[@devwtyzard4478]

@@to-mat3253 Onde q encaixa o toLowercase msm?

[@adrielklem]

@@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]

Desse jeito eu consegui botar tudo na mesma variável. Não sei se isso é melhor ou pior, Mas funcionou kkkkk

[@Bcostamartins96]

@@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

[@jkoizumiilives7248]

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.

[@prazerovicks7159]

valeu, já tava refazendo o código inteiro

[@cataluniabebidas184]

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!

[@joaogabriel-bt1hb]

esse curso é foda demais quanto mais eu faço mais aprendo Professor Guanabara é monxxxxxxxxtro

[@edu-correia]

"Nenhum deles tá errado, nenhum deles tá certo" Guanabara Gustavo, 2019

[@jp_zudo8658]

percebi isso

[@fe7.woorld]

kkkkkkkkkkk achei que só eu tinha percebido, dei muita risada com ele disse isso kkkkkkkk

[@GustavoAprigio]

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 !!!!

[@pedrobassani5279]

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)

[@rafapatricio_]

Valeu Pedro. Vim procurar exatamente isso. Sabia que tinha alguma maneira de fazer direto. Obrigado por compartilhar.

[@pedrobassani5279]

@@rafapatricio_ É nooois =)

[@brazilianancap]

@@pedrobassani5279 Pensando nessa lógica da pra fazer o código todo em uma só linha rsrsrrs naisi

[@wolff_1337]

pqp Pedro!! Obrigado!! Tou aqui faz 1h tentado descobrir isso!! (ainda bem que vc fez esse comentário à 1 ano atrás kkk)

[@alisonmaciel314]

Tava travado nisso aí, salvou demais

[@kalebecalebe]

Cara esse curso é muito bom, estou fazendo lentamente a 2 meses, agora que vou aqui.

[@levianunciacao9401]

Seu código rodou de boa? O meu deu erro

[@luizfilipe6978]

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!` } }

[@paulooo_yo]

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}` }

[@pedrovicstro]

Alguem dezembro 2024? Curso de iniciantes de js no wpp?

[@EulerSumbane-w3f]

2025 1 de Janeiro

[@cownyt]

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.` } }

[@walacenascimento4701]

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)` } }

[@walacenascimento4701]

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]

​@@walacenascimento4701 Show ter identificado o erro. É quebrando a cabeça mesmo que to apredendo. Bom aprendizado aí, irmão!

[@facilityautomacao3868]

@@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.` } }

[@facilityautomacao3868]

na 21ª linha If (rel.TOLOWERCASE) deixa o texto inserido em minusculo == brasil em minusculo

[@giulialuiza4072]

Guanabara eu te amo, obrigada por tudo 🙏🏼🙏🏼🙏🏼

[@flaviasias3348]

Cara tu ensina tão bem que eu acho que uma criança se seis anos conseguiria aprender javascript contigo

[@marcos.padilha]

13:34 na vdd tem sim kkkk. Se for abaixo da velocidade mínima da estrada. Que é a metade da máxima.

[@ferr3iro145]

Essa eu não sabia KKKKKKKK

[@joaovitorjaeger1997]

@@ferr3iro145 eles falam isso na auto escola, mas acho que ninguem nunca foi multado por isso kkkkkkkkkkkkk

[@lucianmarques2824]

alguem vendo em 21/07/2024

[@silvio-gamer71]

Estou vendo em 2025 comecei em 2024😂😂😂

[@steffanialves7291]

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

[@diegoramos2817]

SUPER GENIA HAHA so que isso é em HTML e eu queria aprender fazer dentro da tag script ou seja usando javascript

[@thisanx]

Adorei o exemplo do "se vc passou abaixo da velocidade, vc nao ganha um parabéns, vc só nao fez mais do que a sua obrigaçao" haehaeueahueauhe justíssimo!!!!

[@leandrosousa334]

********************************************************************************************** AULA 11 - Condições Parte 1 - MINHAS ANOTAÇÕES RECOMENDAÇÃO PRÓPRIA: ESTUDAR FLUXOGRAMA DE PROGRAMAÇÃO. 1 - Estrutura if(condição), nessa estrutura, existem duas possibilidades. - Na parte da esquerda, por onde o professor começou, vai ser criado um bloco, que para criar um bloco vc põe chaves { } e nele vai vir a function que é a if( ) que quer dizer 'se'. -Na parte direita se usa o 'else', que quer dizer 'senão'. Ele virá logo após o fechamento do primeiro bloco. Tbm será um bloco, lembrando que para abrir um bloco se usa chaves { }. -O primeiro bloco, o if vale como 'true', ou seja, quando a condição for verdadeira e o else é o false 'false '. Esse conceito é básico na programação, se usa em toda linguagem. Existem outros como while, do. Mas de imediato o if e else servirão como uma base sólida para o aprendizado. 2 - Tipos de condição 1ª condição é chamada de condição simpels, onde apenas o if aparece. Nessa condição, se ela for falsa, nada acontece, por não ter o else, nem comando algum para que aconteça algo. 2ª condição é chamada de condição composta, onde o if e o else aparecem. Nessa condição existem os dois caminhos a fazer. Cada um seguindo seu bloco de comandos. **OBS: Foi ensinado a rodar o cod.. JS usando o node com um plugin já instalado em aulas anteriores. a extensão '.js', cria um arquivo em JavaScript, os comandos utilizados foram: console.log( ) - esse comando escreve na tela oq se está entre aspas ou crases. Funciona como o print do Python (para quem conhece). e as cindições simples e compostas, onde o professor usou exemplos de ultrapassagem do limite de velocidade de um carro para dizer se uma pessoa foi multada ou não. No Ex010 vc pode no lugar de getElementById, usar o queryselector(input#txtvel). Lembrando que em Id se usa # e em class se usa o pontinho( . ). Vc pode configurar as cores dos inputs, lembresse sempre se usar para que possa aprender e deixar seu programa mais atraente, assim vc sempre estará exercitando o que aprendeu em exercícios anteriores. Meu código no head ficou assim: input{ background-color: aqua; width: 50px; height: 25px; font: normal 14pt Arial; } input#verificar{ background-color: chartreuse; width: 80px; height: 30px; font: normal 14pt Arial; } OBS: É importante aplicar, mesmo em coisas bobas, para praticar e não esquecer. O professor colocou a variavel dentro da função, pois só havia uma, recomendo deixar fora, para facilitar sempre. Vale lembrar que ele vai ensinar um método melhor no aprofundamento. No Ex011, foi proposto criar um código onde vc descreve sua nacionalidade e depois nela diz se vc é estrangeiro ou não. Nesse código eu adicionei operadores de disjunção (ou) ou do inglês or. Segue abaixo meu código. Nacionalidade body{ background-color: rgb(80, 255, 197); font: normal 12pt Arial; color: rgb(29, 18, 185); } div#pais{ margin-top: 15px; } input#verificar{ background-color: chartreuse; color: hwb(256 18% 29%); } input#nome{ background-color: rgb(99, 172, 26); color: rgb(34, 23, 192); } Sistema de Cadastro de Nacionalidade Digite o nome do seu país: var tnome = window.document.getElementById('nome') function pesquisar(){ var res = document.querySelector('div#pais') var nacionalidade = String(tnome.value) res.innerHTML = `A sua nacionalidade é ${nacionalidade}.` if(nacionalidade == 'Brasil' || nacionalidade == 'Chile'){ res.innerHTML += `Você é um cidadão Latino-Americano!` }else{ res.innerHTML += `Você é um cidadão estrangeiro!` } }