Parabéns, sabe explicar os detalhes, estava procurando um canal que ensinasse assim, o único sem complicações, direto ao ponto, e ainda explicando o que cada função faz. resumiu o que os videos de 50min nao explicavam direito
cara sua didática para isso video foi muito bom, para quem ta começando é otimo, eu ja to estudando a quase 2 meses, só fiz projetos com html+css e o javascripts bem basico, to querendo evoluir cada vez mais então quando da errado, troco de video e tento com outro uma hora vai ahahah.
Mano esse vídeo é incrivel Eu só queria um video simples pra entender a estrutura e não esses vídeos de 1h mostrando cada pixel e tag do site valeu muito eu te amo
Olá! Obrigada por disponibilizar esse conteúdo! No meu caso fiz o javascript um pouquinho diferente, porque estava com um problema na hora de digitar (como sou inciante não entendi o porque...rsrs). Mas fiz como segue abaixo e funcionou também. Deixo para quem interessar: NO JAVASCRIPT: let email = document.getElementById ("email"); let senha = document.getElementById ("senha"); function logar (){
let emailDigitado = email.value; let senhaDigitada = senha.value; if (emailDigitado == "email@email.com" && senhaDigitada == "123") { alert ("Você conseguiu!"); location.href= "index.html"; }else { alert("Usuário ou senha incorretos!") }
Olá, agradeço pelo comentário. o .value é um comando do javascript vanilla que vem de versões anteriores então pode ser que o autocomplete do vscode não apresente essa opção e sim uma mais nova no lugar, mas você pode digitar diretamente pois ainda é funcional e consegue ser interpretado pelo navegador.
Certo! disso eu já compreendi legal no HTML,CSS e JS. Porem contudo entretanto todavia, como eu salvo essas informações desses inputs em um Json eu imagino ou até mesmo uma planilha, e mantenho este login com informações Tipo Nome, Sobrenome, Ano, Data de nascimento... e variadas informações que eu possa estar usando no meu site?
@@GemeltecProf, nem sei criar um menu dentro da pagina home um menu horizontal dentro de pagina home contendo os seguintes (HOME, PORTOFOLIO, CONTACT, E LOGIN. ) cara se tiver um vidio que esplica tudo isso agradeceria bastante. boa noite. aqui ja é noite.
Olá amigo, pra isso precisariamos utilizar uma tecnologia backend para cadastrar e ler informações do banco de dados. Vou postar novas aulas ensinando a fazer isto com PHP e banco de dados Mysql!
Muito bom, isso vai me ajudar bastante, vc poderia fazer um vídeo ensinando a "armazenar" um cadastro em algum DB, ou algum localstorage ou sessionstorage ou algo do tipo?
@@WolfMaxBoss cara, isso foi só pra didática, é mais ou menos assim que acontece no back end. Você nunca vai colocar o admin e a senha no JavaScript independente se está em arquivo separado ou se tá no HTML
É possivel criar um site de validacao de documento pela leitura do qrcode? Tipo, eu gerar um qrcode e ser direcionado pra pagina apenas com o documento em pdf?
Gostei muito bom, queria pergunta uma coisa tem como essa autenticação ser pela conta do google. por exemplo eu não tenho login e nem senha, mas poderia loga com uma conta google ou microsoft, vocês algum video explicando como é este fluxo de autenticação.
Oi amigo muito bom! eu so estou com um problema! imagine que o usuario nao saiba do loguin e senha do site! mais nesse caso ae se na tela de loguin ele ir em ferramentas do desenvolvedor do navegador e ir na aba fontes e depois no arquivo loguin.js ele vera qual é o usuario e senha!! eu queria saber como poderia ocultar isso!
Ola amigo, tudo certo? Lembrando que se for para colocar em produção o correto é utilizar um banco de dados para armazenar estas informações justamente porque colocando diretamente em um arquivo javascript esta informação pode ser acessada... Este método do video é apenas para iniciantes aprenderem a manipular um formulario.
@@Gemeltec obrigado meu amigo! estou tentando pelo node js mais estou tendo problema na instalação! ele instala normal ja fui em variaveis do sistema mais na hora de instalar o benkend express da erro! abração obrigado pelo retorno!
@@Gemeltec Oi amigo ele esta dando este erro: Error: Cannot find module 'C:\Users\Administrator\AppData\Roaming pm ode_modules pm\bin pm-cli.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1202:15) at Module._load (node:internal/modules/cjs/loader:1027:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:187:14) at node:internal/main/run_main_module:28:49 { code: 'MODULE_NOT_FOUND', requireStack: [] } coloquei no chatgpt e ele disse que deve ser erro na instalação do sistema! ae estou agora tentando instalar pelo Xampp
Alguem pode me dar uma ajudinha :D??? o meu "return false" ta com problema, eu uso o VS Code e aparece o segunte erro "A 'return' statement can only be used within a function body.javascript" e ai n roda o codigo...
Olá amigo, algumas pessoas tem falado desse erro mesmo, ainda não descobri o porque dele, mas uma sugestão que talvez te ajude é mudar o type="submit" para type="button" e remover o return false
opa, usando a mesma lógica de validação e o mesmo código&IDE, na hora de executar não exibe nem o sucesso ao logar , e nem o login ou senha invalidos, o que pode ser ?
@@ruanpaulo4583 Ola amigo, obrigado por enviar o seu codigo, pude perceber alguns erros nele: 1 ° O Id do campo senha mude para outro nome pois a palavra password é uma palavra reservada, pode colocar algo como pass ou senha, por exemplo: 2° na declaração da variavel de senha no javascript faltou .value após o document.getElementById(...) 3° a variavel que você esta fazendo a validação no IF esta diferente da variavel que você declarou acima. Foi declarado a variavel password porem esta sendo validado como senha. Tente corrigir esses pontos e veja se funciona, qualquer duvida estou a disposição para auxiliar como puder ;)
Man, quando entrei no site coloquei a senha tudo normal, mas quando saiu e entro de novo e não pede a senhabja entra por segundo arquivo. Como faço pra quando eu sair ele perde pra acessar novamente com senha?
Uma dúvida, caso eu queira colocar o "required" dentro do input ele para de funcionar, sabe como deixar funcionando ? Pra poder retirar o uso do "alert". Agradeço 😊
falta considerar que se a pessoa digitar a url da pagina no browser pula a etapa do "login". Ou seja, a página não está protegida. Como proteger a pagina, ou o site inteiro?
@@micaeltavares5401 Olá amigo, de uma olhada neste vídeo que postei veja se tem ajuda th-cam.com/video/76TvfnUFZhg/w-d-xo.htmlsi=KO8vKRKQzdRBD60U Lembrando só que este método do vídeo é para estudo e aprendizado, para projetos reais não é o correto
Me tira uma duvida, voce fez em java script ou html? Pq nao vi em nenhum monento voce criar um arquivo java script me explica por favor, da pra programar java script so no html?
Você consegue sim rodar javascript direto no HTML, geralmente se cria um arquivo separado por questão de organização, mas como foi um vídeo de demonstração ja coloquei no mesmo arquivo para facilitar. Lembrando que só é possível rodar assim no javascript para front-end, se for rodar em back-end ai precisa sim de um ambiente separado.
O homem é bom, resumiu em 10minutos, o que pessoas vendem em curso de 1hora e a pessoa que compra acaba nem aprendendo! parabéns.
Obrigado, fico feliz que gostou!!
Estou assistindo em 2024, sinceramente que didatico incrivel, video sem muita enrolação direto e reto. Parabéns!!
Muito obrigado!!!!
Estou a meses procurando um vídeo assim, tão simples e elucidativo ao mesmo tempo, muito obrigado professor.
sinceramente é um senhor tutorial, por mais tutoriais assim!
Didática perfeita, sem enrolação, simples e rápido. Parabéns !!
Parabéns, sabe explicar os detalhes, estava procurando um canal que ensinasse assim, o único sem complicações, direto ao ponto, e ainda explicando o que cada função faz. resumiu o que os videos de 50min nao explicavam direito
cara sua didática para isso video foi muito bom, para quem ta começando é otimo, eu ja to estudando a quase 2 meses, só fiz projetos com html+css e o javascripts bem basico, to querendo evoluir cada vez mais então quando da errado, troco de video e tento com outro uma hora vai ahahah.
Muito bom. Para quem está iniciando no estudo do JS, ótimo vídeo. Obrigadão! 😉
Muito simples e fácil de entender. Gostei, faça mais vídeos como esse! 👏👏
Vídeo curto, simples e direto, perfeito.
Mas a aula foi show de bola mesmo, adorei
Tem umas pessoas que tem dom de ensinar.....Parabéns bem simplificado muito 👍
Mano esse vídeo é incrivel
Eu só queria um video simples pra entender a estrutura e não esses vídeos de 1h mostrando cada pixel e tag do site
valeu muito eu te amo
Muito obrigado pelo comentário, fico muito feliz que o vídeo te ajudou!!
Ae bonitão esse vídeo foi pika lek, ensina dms slk. Vamo sair desse hiato de 6 meses mano, posta vídeo pra eu ver mermão. slk sensacional!
Muito bom,essa foi a validação mais simples , era o que eu estava precisando, obrigada
Poxa.. simples e objetivo. Assisti vários vídeos indicados para iniciantes, mas não entendi nada!
Victor muito obrigado. Sem enrolação direto ao ponto. Foi excelente.
Manoooo, vc é foda eu tava a dias procurando isso no YT, valeu mesmo.
excelente, serviu para fixar diversos conceitos. claro, objetivo e didático. parabéns.
sendo direto e explicando cada ação . muito bom!
Parabéns ganhou um seguidor, simples e efetivo ótima aula.
Parabéns pela aula direta ao ponto e muito didática, meu caro! Continue assim!
obg irmão, sou iniciante em programação e me ajudou muito com uma tarefa que estava realizando.
Mto bom amigo. tava tentando entender isso mas ngm ensinava tão bem assim. agora entendi kkk
Muito bom !! Único vídeo que eu realmente consegui entender , muito obrigada
Parabéns! Aula didática e resumida...
Muito bom. simples e fácil o entendimento, parabéns DEV!!
caraca!..... A melhor aula ate agora parabéns, ganhou mais um escrito.
Muito bom estava procurando algo simples, estava me batendo com express e mongoose para algo que nao precisa de tanta complexidade.
muito obrigado a unica coisa que estava faltando no meu codigo era o .value mas vendo o seu video percebi o meu erro e corrigi
gostei do video, ajudou com o problema que eu estava tendo no meu código tinha esquecido o ".value"
MANO FALAR PRA VC!!!! ESSE VIDEO E MUITO BOM!!!! PARABENS ME INSCREVI AQUI
Muito obrigado, feliz em ter ajudado!
Olá! Obrigada por disponibilizar esse conteúdo! No meu caso fiz o javascript um pouquinho diferente, porque estava com um problema na hora de digitar (como sou inciante não entendi o porque...rsrs).
Mas fiz como segue abaixo e funcionou também. Deixo para quem interessar:
NO JAVASCRIPT:
let email = document.getElementById ("email");
let senha = document.getElementById ("senha");
function logar (){
let emailDigitado = email.value;
let senhaDigitada = senha.value;
if (emailDigitado == "email@email.com" && senhaDigitada == "123") {
alert ("Você conseguiu!");
location.href= "index.html";
}else {
alert("Usuário ou senha incorretos!")
}
}
NO HTML:
Email:
Senha:
Saudações!
Olá, agradeço pelo comentário.
o .value é um comando do javascript vanilla que vem de versões anteriores então pode ser que o autocomplete do vscode não apresente essa opção e sim uma mais nova no lugar, mas você pode digitar diretamente pois ainda é funcional e consegue ser interpretado pelo navegador.
@@Gemeltec ahh! Aprendi mais uma ! 😊
Simples e rápido, bela aula.
cara, gostei do seu ensinamento, era o que eu estava procurando a mó cota kkkkk
Me ajudou muito!! Volta a fazer vídeos que vai ajudar ainda mais pessoas
Simples e claro ! Parabéns pelo conteúdo.
brabissimo meu mano, to começando a estudar JS agora e me ajudou muito obrigado
Parabens Victor que top. extremamente objetivo e sem purpurina, topp
Certo! disso eu já compreendi legal no HTML,CSS e JS. Porem contudo entretanto todavia, como eu salvo essas informações desses inputs em um Json eu imagino ou até mesmo uma planilha, e mantenho este login com informações
Tipo Nome, Sobrenome, Ano, Data de nascimento... e variadas informações que eu possa estar usando no meu site?
Parabéns, excelente vídeo, bem rápido e prático! show de bola
Meu Deus, curti e já me inscrevi! Muito monstro!
Tu é sinistro mesmo hein cara kkkkkkk mais um inscrito
cara bom trabalho voce resolveu o meu problema da faculdadeç se stivesse perto daria um valor monetarioç mas em fimç Deus esta do seu ladoş forca meuş
Opa fico muito feliz que tenha te ajudado, até me motiva a continuar
@@GemeltecProf, nem sei criar um menu dentro da pagina home um menu horizontal dentro de pagina home contendo os seguintes (HOME, PORTOFOLIO, CONTACT, E LOGIN. )
cara se tiver um vidio que esplica tudo isso agradeceria bastante. boa noite. aqui ja é noite.
Mano, era o que eu tava precisando pra criar um joguinho aqui. Vlw meu parceiro.
Somos 2, ajudou muito
Você é foda, obrigado!!!!!!!!!!!!!! estava travado em um pequeno detalhe, e tu me ajudouu!! valeuuuuuuuuuu
Aula bem rápida e eficaz. Gostei muito! Mais um sub
Otimo video, eu tava procurando uma videibem esclarecido como esse faz tempo.
Caraca Victor nem sabia que vc estava nessa também! Sucesso irmão 🙏😁
Cara, mt bacana pq vc explica tudo passo a passo de forma bem simples! Seria legal tb ensinar a fazer um logoff para esse login ;)
Fico feliz que gostou amigo e muito obrigado pela sugestão, em breve terá mais videos dísponiveis no canal
Cara, obrigado. Clareou as ideias aqui.
Show de bola amigo!!! Excelente video.
Fico feliz que gostou amigo, agradeço pelo feedback!!!
Muito bom!!!!
Faça mais vídeos.
Muito bom, muito mesmo!
Me ajudou bastante no meu projeto escolar!
Muito bom, amei rápido e prático sem enrolação ! Poderia ensinar a fazer um site do zero ?
Olá, obrigado pelo comentário que bom que gostou.
Vou bolar algo referente a criar um site do zero de forma prática!!
Que massa! Agora, professor, como faço para cadastrar novos usuários que queiram entrar no meu site com tudo zerado?
Olá amigo, pra isso precisariamos utilizar uma tecnologia backend para cadastrar e ler informações do banco de dados.
Vou postar novas aulas ensinando a fazer isto com PHP e banco de dados Mysql!
@@Gemeltec boaaaa, perfeito mestre. Gosto muito de seus vídeos. Vai ser excelente
deu boa muto bom parabéns peguei o codigo no seu github e escrevi em outro pc
Que maravilha, fico feliz que funcionou!
Nossa que vídeo bom, a melhor aula
Parabéns bro...
Obg pela informação!
show d+, faz usando array :) como se fosse uma lista de usuários :D
Muito bom, isso vai me ajudar bastante, vc poderia fazer um vídeo ensinando a "armazenar" um cadastro em algum DB, ou algum localstorage ou sessionstorage ou algo do tipo?
Tem algum video explicando a criação de ususario e senha para apos isso fazer o login?
Video Excelente ... Parabens !!! SEGUINDO
Rodrigo tudo bem? peco ajuda, gostava de saber como conectar o formulario de login com botao de login no vscode!
Se meu professor pega eu vendo esse vídeo ele me dizerda kkkkkkk, o cara fez tudo dentro do HTML 🤦♂️
Pra quem tá começando é uma forma de treinar, mas real é só clicar com o direito e ir em inspecionar aí qualquer vê qual é o login e a senha kk
@@WolfMaxBoss cara, isso foi só pra didática, é mais ou menos assim que acontece no back end. Você nunca vai colocar o admin e a senha no JavaScript independente se está em arquivo separado ou se tá no HTML
um querido, salvou minha vida!
Gratidão apenas!!! 👏🏼👏🏼👏🏼👏🏼
Ganhou mais um inscrito, valeu amigão, baita conteúdo
Se eu colocar na barra de endereço o home.html ele vai entrar sem precisar do login??
É possivel criar um site de validacao de documento pela leitura do qrcode?
Tipo, eu gerar um qrcode e ser direcionado pra pagina apenas com o documento em pdf?
Opa, beleza? aqui me saiu um erro no return do html. "A 'return' statement can only be used within a function body.javascript"
Gostei muito bom, queria pergunta uma coisa tem como essa autenticação ser pela conta do google. por exemplo eu não tenho login e nem senha, mas poderia loga com uma conta google ou microsoft, vocês algum video explicando como é este fluxo de autenticação.
Não tenho mas estou voltando a produzir e pode deixar que a sua solicitação será lançada também!!
E para outros, tipo e-mail e senha, como crio? Um usuário colocar a senha e e-mail na tela de login, como valido isso no js.
CARAAACA MANO Me salvou dmss, vlw mesmo lek
Opa, fico feliz em ajudar!
Oi amigo muito bom! eu so estou com um problema! imagine que o usuario nao saiba do loguin e senha do site! mais nesse caso ae se na tela de loguin ele ir em ferramentas do desenvolvedor do navegador e ir na aba fontes e depois no arquivo loguin.js ele vera qual é o usuario e senha!! eu queria saber como poderia ocultar isso!
Ola amigo, tudo certo?
Lembrando que se for para colocar em produção o correto é utilizar um banco de dados para armazenar estas informações justamente porque colocando diretamente em um arquivo javascript esta informação pode ser acessada...
Este método do video é apenas para iniciantes aprenderem a manipular um formulario.
@@Gemeltec obrigado meu amigo! estou tentando pelo node js mais estou tendo problema na instalação! ele instala normal ja fui em variaveis do sistema mais na hora de instalar o benkend express da erro! abração obrigado pelo retorno!
@@maranhense_22 Qual erro ele está retornando pra você ao tentar usar o express?
@@Gemeltec Oi amigo ele esta dando este erro: Error: Cannot find module 'C:\Users\Administrator\AppData\Roaming
pm
ode_modules
pm\bin
pm-cli.js'
at Module._resolveFilename (node:internal/modules/cjs/loader:1202:15)
at Module._load (node:internal/modules/cjs/loader:1027:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:187:14)
at node:internal/main/run_main_module:28:49 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
coloquei no chatgpt e ele disse que deve ser erro na instalação do sistema! ae estou agora tentando instalar pelo Xampp
Alguem pode me dar uma ajudinha :D???
o meu "return false" ta com problema, eu uso o VS Code e aparece o segunte erro "A 'return' statement can only be used within a function body.javascript"
e ai n roda o codigo...
Olá amigo, algumas pessoas tem falado desse erro mesmo, ainda não descobri o porque dele, mas uma sugestão que talvez te ajude é mudar o type="submit" para type="button" e remover o return false
Eu já tivesse esse erro, o return tem que estar dentro das aspas do onclick
opa, usando a mesma lógica de validação e o mesmo código&IDE, na hora de executar não exibe nem o sucesso ao logar , e nem o login ou senha invalidos, o que pode ser ?
Olá amigo, possívelmente seria algum erro de sintaxe no seu código, mas para poder saber com certeza precisaria ver o código escrito.
Olá amigo, aqui comigo esta acontecendo a mesma coisa.
Login
function logar(){
let login = document.getElementById('login').value;
let password = document.getElementById('password');
if(login =='admin' && senha =='admin'){
alert('Logado com sucesso!');
location.href = 'home.html';
}else{
alert('Erro, usuário não reconhecido!');
}
}
@@ruanpaulo4583 Ola amigo, obrigado por enviar o seu codigo, pude perceber alguns erros nele:
1 ° O Id do campo senha mude para outro nome pois a palavra password é uma palavra reservada, pode colocar algo como pass ou senha, por exemplo:
2° na declaração da variavel de senha no javascript faltou .value após o document.getElementById(...)
3° a variavel que você esta fazendo a validação no IF esta diferente da variavel que você declarou acima. Foi declarado a variavel password porem esta sendo validado como senha.
Tente corrigir esses pontos e veja se funciona, qualquer duvida estou a disposição para auxiliar como puder ;)
@@Gemeltec fiz todas essas correções e funcionou certinho.
Muito obrigado pela atenção.
Sucesso!
Muito bom, fácil entendimento! 👋👋
amei o vídeo!
Onde ficara guardada a informações de login do usuário quando for fazer login em meu site?
Boa noite, como que eu faço para pegar os dados ja cadastrados no banco de dados, e fazer a verificação aí na tela de login
Obrigado Victor, me salvou!!
Olá bom dia, não estou conseguindo validar o meu código. Não está aparecendo a mensagem nem de sucesso e nem de erro.
Login
function logar(){
var login = document.getElementById("login").value;
var senha = document.getElementById("senha").value;
if(login=="admin" && senha=="admin"){
alert("Sucesso"); }
else{
alert("Usuario ou senha incorreta");
} }
Muuuuito bom! Obrigada pelo tutorial
sabe me dizer por que o programa não funciona quando coloco as variaveis fora da função?
Man, quando entrei no site coloquei a senha tudo normal, mas quando saiu e entro de novo e não pede a senhabja entra por segundo arquivo.
Como faço pra quando eu sair ele perde pra acessar novamente com senha?
Uma dúvida, caso eu queira colocar o "required" dentro do input ele para de funcionar, sabe como deixar funcionando ? Pra poder retirar o uso do "alert". Agradeço 😊
Faz sobre o banco de dados pfvr
no meu vs code não funciono o return para redirecionar para outra pagina.
simples e bem feito. adorei
Q massa , me explica so uma coisa??? Pfv .. no meu aparece "não é possivel obter myhomepage.html" oq pode ser?
falta considerar que se a pessoa digitar a url da pagina no browser pula a etapa do "login". Ou seja, a página não está protegida. Como proteger a pagina, ou o site inteiro?
Tu pode disponibilizar o código no git hub?
Claro amigo:
github.com/bilisko/validando-login-js-iniciante/
ai tem ezemple de validação de apenas um usuario, tem como deixar mais de uma fazendo dessa fora que ta no video?
@@micaeltavares5401 Olá amigo, de uma olhada neste vídeo que postei veja se tem ajuda th-cam.com/video/76TvfnUFZhg/w-d-xo.htmlsi=KO8vKRKQzdRBD60U
Lembrando só que este método do vídeo é para estudo e aprendizado, para projetos reais não é o correto
@@Gemeltec muito obrigado!
muuiiitooooooo obg pelos codigos no git
Muito boa a aula só não façam dessa maneira pois qualquer um conseguiria ver a senha e usuário no código da página web.
Bem reforçado amigo!
Me tira uma duvida, voce fez em java script ou html? Pq nao vi em nenhum monento voce criar um arquivo java script me explica por favor, da pra programar java script so no html?
Você consegue sim rodar javascript direto no HTML, geralmente se cria um arquivo separado por questão de organização, mas como foi um vídeo de demonstração ja coloquei no mesmo arquivo para facilitar.
Lembrando que só é possível rodar assim no javascript para front-end, se for rodar em back-end ai precisa sim de um ambiente separado.
Mano consigo fazer isso pra confirmar login e senha de qualquer site .
E para utilizar um banco de dados? Cadastrar e logar...
Tu é sensacional! muito massa