uma coisa que eu fiz na verificação condicional que eu acho que você esqueceu, no if, autêntica, e no Else retorna o erro em caso de dados incorretos, só que estava logando quando não preenchia nada e clicava no botão, ai eu criei outro if com condicional caso usuario e senha estejam vazios retorna para a tela de login.
@@rodolfovsouza Antes do segundo "if" (que está assim: "if(usuario.value == userValid.user && senha.value == userValid.senha){" Cole o seguinte código: if(usuario.value == "" || senha.value == ""){ userLabel.setAttribute('style', 'color: red') usuario.setAttribute('style', 'border-color: red') senhaLabel.setAttribute('style', 'color: red') senha.setAttribute('style', 'border-color: red') msgError.setAttribute('style', 'display: block') msgError.innerHTML = 'Preencha usuário e senha' usuario.focus() }else{ Depois feche uma chave "}" no final do código
Thiago, tu estás de parabéns pela didática e pela clareza do conteúdo que foi abordado nos três vídeos da série. Foi uma referência excelente que eu pude adaptar para um projeto de portfolio meu - com muitas diferenças pontuais. Tua clareza tornou possível a adaptação e permitiu que eu evoluísse um pouco mais no meu código de JavaScript. Muito obrigado e parabéns novamente!!
cara, eu já tava inscrito no seu canal por causa de uma outra playlist que me ajudou demais. Agora eu tava com uma dificuldade há 2 dias e sem querer caí aqui nesse vídeo e me salvou mais uma vez. Tu é muito bom kkkk tmj!
Tive um bom entendimento e já estou aplicando em outro trabalho de html, suas aulas foram de grande ajuda pro minha evolução em html. Parabéns e muito obrigado.
MUITO BOM TA DE PARABENS, Eu to aprendendo ainda, ja tinha feito a parte de login e senha, só faltava o que voce fez no video a parte do token, e de bloquear se o usuario tentar logar na area restrita direto pela url, parabéns mesmo.
Manoo muito obrigado, seus videos estão me ajudando muito, estou engatiando no mundo da programação e tudo isso ta servindo pra mim poder criar um portifolio com esses projetos obrigado pelas aulas
Amigo vocÊ é muito top. Paarabéns! poxa solta um video para gente agora integrando essa tela de login com um banco de dados Postgree ou Mysql por favoorrr
Muito legal mesmo essa aula, me ajudou muito!! Está de parabéns pelo exelente conteúdo. Uma coisa que eu percebi acompanhando o vídeo é que no login o usuário apenas clicar em "Acessar" ele realiza o login sem informar os dados porque não teve uma validação sobre esse processo, então basicamente se o usuário não informar os dados e clicar em "Acessar" ele vai para a página principal, por favor me corrija se estou errado. Vou deixar aqui também o código que eu fiz para essa validação e caso esteja errado também me corrija por favor hehehe, caso queira que eu retire depois pode me falar também. OBS: Tem variaveis que estão com nomes diferentes do que estão no vídeo. function acessar() {
//Variaveis utilizada na função acessar let usuario = document.querySelector('#usuario') let userLabel = document.querySelector('#userLabel') let senha = document.querySelector('#senha') let senhaLabel = document.querySelector('#senhaLabel') let msgError = document.querySelector('#msgError') let msgError2 = document.querySelector('#msgError2') let msgAccess= document.querySelector('#msgAccess') let listaUser = [] let userValid = { nome: '', user:'', senha:'' } //Verifica os dados informados e assim realiza a inclusão dos dados na lista da variavel userValid listaUser = JSON.parse(localStorage.getItem('listaUsuario'))
//Informa o usuário que os campos estão vazios e assim não realiza o acesso if(usuario.value.length == "" && senha.value.length == "") { msgError2.setAttribute('style', 'color: red') msgError2.setAttribute('style', 'display:block') msgError2.innerHTML = 'Campos vazios, insira os dados para acessar' msgError.setAttribute('style', 'display:none') msgAccess.setAttribute('style', 'display:none') } else { //Informa o usuário que os dados informados estão incorretos e assim não realiza o acesso userLabel.setAttribute('style', 'color: red') usuario.setAttribute('style', 'border-color: red') senhaLabel.setAttribute('style', 'color: red') senha.setAttribute('style', 'border-color: red') msgError.setAttribute('style', 'display:block') msgError.innerHTML = 'Usuário ou senha incorretos' msgError2.setAttribute('style', 'display:none') msgAccess.setAttribute('style', 'display:none') usuario.focus()
//Realiza o login caso os dados informados sejam iguais aos cadastrados if(usuario.value == userValid.user && senha.value == userValid.senha) { msgAccess.setAttribute('style', 'display:block') msgError.setAttribute('style', 'display:none') msgError2.setAttribute('style', 'display:none') msgAccess.innerHTML = 'Acessando...' setTimeout(() => { window.location.href = '../Sistema/index.html' }, 4000)
//Gera o token quando o usuário realiza o login
let token = Math.random().toString(10).substring(2) + Math.random().toString(10).substring(2) localStorage.setItem('token', token)
@@thi_code Seria bem legal mesmo um vídeo complementando essa tela de login, aplicando por exemplo a validação de tipos de caracteres na senha com letra maiuscula e um caracter especial, emplementando o tipo de usuário como se fosse um e-mail, não sei como ficaria esse processo em um video mas seria bem legal! Abraço!!!
@@DanielFrancisco-pk2inCaso ainda precise de ajuda vou deixar abaixo o que eu achei de errado no seu código. Primeira situação foi na variável let userLogado. No seu código está assim: let userLogado = localStorage.getItem('userLogado') O correto é: let userLogado = JSON.parse(localStorage.getItem('userLogado')) Dessa forma a variavel recebe o valor nela mesma para assim depois poder mostrar na tela. Na segunda situação que é o token o if que informou aqui no comentário está correto, o que você precisa verificar é se a variavel informada no if é a mesma varial chamada "token" no código do login, caso seja a mesma, verifica o código que vou deixar abaixo e ve se o processo no código do login está igual e se o código está indentado corretamente no if. let token = Math.random().toString(10).substring(2) + Math.random().toString(10).substring(2) localStorage.setItem('token', token)
localStorage.setItem('userLogado', JSON.stringify(userValid)) Qualquer coisa me informe aqui, vou tentar acompanhar, espero ter ajudado.
Olá, não sei se já conseguiu resolver o problema, eu consegui resolver esse problema colocando da seguinte forma function entrar(){ let listaUser = [] let userValid = { nome: undefined, user: undefined, senha: undefined -----> Aqui ao invés de deixar vázia, coloque elas com undefined } listaUser = JSON.parse(localStorage.getItem('listaUser')) listaUser.forEach((item) => { if(usuario.value == item.userCad && senha.value == item.senhaCad){ userValid = { nome: item.nomeCad, user: item.userCad, senha: item.senhaCad Não sei se é a forma correta de fazer, porém mexendo foi uma forma que achei. Assim que sair o vídeo novo verificamos como faz pra resolver.
Muito bom o vídeo! Ótima didática. Só me perdi em um ponto: na hora do console.log(listaUser), está tudo vazio, não estão aparecendo os dados do cadastro. Alguém sabe me dizer o porquê?
Muito boa aula, aprendi bastante coisa nova. Porém, to com um problema e não consigo resolver. Quando o listaUser está vazio, porque não foi efetuado nenhum cadastro ainda, não aparece erro na tela de login. Como criar esse erro?
oh, pessoal. no console de alguém aparece 'null' ?? parece que minha página de login não está vinculada ao local storage da página de cadastro. quando inspecionei no início da aula não aparecia as informações que aparecem no vídeo. alguém pode me dar uma mão?
Pra isso é mais fácil usar um Backend... Esse login é limitado e é apenas um exemplo no front, o correto é usar um Backend, e fazer isso não é tão simples.
Bom dia, amei a aula! Porém ainda saí com uma dúvida. Quando eu aperto no button de entrar mesmo tendo deixado os campos em branco ele vai direto para a index, sem verificar. Como posso resolver isso?
Salvee, infelizmente não consigo te ajudar por aqui... é dificil de saber detalhes do problema, mas se quiser, pode entrar na comunidade do Discord se tornando membro, lá eu consigo ver com mais calma...
Excelente, meu amigo. Muita gratidão por estes vídeos. Só uma coisa que não deu certo comigo, talvez possa me ajudar. O window.location.href não está funcionando. Tive que achar outro caminho semelhante para chegar no mesmo resultado, mas dessa forma que você fez não deu.
Como faço buscar em um servidor externo as informações? Devo alterar qual linha? É possível fazer essa validação com uma lista de nome de usuário e senha no google sheets?
so tem um problema , qndo vc cadastra um usuario e aperta em entra na tela de login com os campos vazios ele entra na tela de logado sem o nome e gera um token , e um objeto fazio
mano como limpa o localStorage ? to com 100 user cadastrado kkk tentando fazer o window.location funcionar e ele não me redireciona pra minha page de login
A ideia era fazer online para ensinar a plataforma tbm... Alguns vídeos tem mais de um objetivo, em outros projetos uso o VsCode. Nesse a ideia foi essa mesmo 🤘🏽
@@thi_code De todo caso, agradeço muito você ter compartilhado conosco esse projeto incrível, já estou usando no meu portfolio e continue com seu canal, ajuda muito! Abraços!!
@@thi_code Não vai ter continuação da aula? Eu queria que tivessem mais coisas, como sistemas que apenas o usuario da conta tivessem na página e outras não por exemplo, algo que o usuário possa alterar
@@aethyr22 salve mano, esse projeto é simples mesmo... Se quiser algo mais profundo e profissional é só acompanhar a playlist "do zero a MERN STACK" aqui do canal 🤘🏽
Mano, que trabalho incrível. Parabéns. Me tira uma dúvida... Fiz todo esse processo no VSCode, porém, o JS não funcionou aqui pra mim... Fiz toda vinculação mas nada do JS funcionar nos eye e na msgError... Alguma dica?
na hora de fazer o login fica tudo de boa, todos os campos com seus nomes certinho, mas o senha fica com undefinid. Tô falando do userValid pode me ajudar pfvr? edit: acabei de conseguir solucionar o problema, fui rever o código mudei umas coisas e no fim deu certo sksk ebaaa, tô feliz, vlww
Estou reproduzindo esses seus vídeos nu VS code mas não to conseguido executar as ações do js no html. Pode me ajudar por favor? ja coloquei no html mas n resolveu
@@marcusleao9603 Tenta colocar um alet ocm um texto aleatorio fora de qualquer função no script.js, pra ver se o HTML renderiza... não esquece de salvar os documentos sempre que mudar algo.
@@MarcosAntonio-jw7oc Você tem uma lista de usuários, é uma lista de objetos cada objeto tem seus campos em comum, o campo que você quer validar é o username, pensando nisso, você pode fazer: const username = document.querySelector("input") // O find procura a primeira ocorrencia nos objetos que atenda ao teste lógico feito dentro dele const existeUser = array.find(user => user.username === username) if(existeUser) { alert("Usuário já existe") }
muito bom mais ta faltando um codigo de script para da false na tela de login pq se vc só aperta entrar ele ta acessando sem ter login e senha!!! qual é o codigo? para corrigir isso?
@@thi_code vlw esperando ancionamente🙃 lembra disso corrir esse botao de entra para coloca um false pq ele ta entrando sem precisa usa login e senha!!!🥳🥳
@doug Barroso Mano, vc precisa validar no próprio JS... Pega o campo com o DOM, faz um IF pra saber se tem algum value no campo, se tiver segue em frente, se não tiver, barra a autenticação...
function passaIn(){ let passAgent = window.prompt('Palavra-chave') if (passAgent == 'j a v a 8 9'){ document.getElementById('userAgent').innerHTML = 'Logado como root!' } else{ logIn() } } function logIn(){ let nameAgent = window.prompt('Usuario') if (nameAgent == 'victor'){ passaIn() } else{ document.getElementById('userAgent').innerHTML = 'ERROR 404' } } logIn()
![แฉกลโกงงานวัด 2024 [ โกงมั้ยครับ ep.106 ] | DOM](http://i.ytimg.com/vi/taC5dpP3HXA/mqdefault.jpg)
uma coisa que eu fiz na verificação condicional que eu acho que você esqueceu, no if, autêntica, e no Else retorna o erro em caso de dados incorretos, só que estava logando quando não preenchia nada e clicava no botão, ai eu criei outro if com condicional caso usuario e senha estejam vazios retorna para a tela de login.
Excelente mano! Valeu por contribuir 🙏🏽
Deixa seu código desse if usuário vazio, por favor irmão
@@rodolfovsouza Antes do segundo "if" (que está assim: "if(usuario.value == userValid.user && senha.value == userValid.senha){"
Cole o seguinte código:
if(usuario.value == "" || senha.value == ""){
userLabel.setAttribute('style', 'color: red')
usuario.setAttribute('style', 'border-color: red')
senhaLabel.setAttribute('style', 'color: red')
senha.setAttribute('style', 'border-color: red')
msgError.setAttribute('style', 'display: block')
msgError.innerHTML = 'Preencha usuário e senha'
usuario.focus()
}else{
Depois feche uma chave "}" no final do código
Minha referência na programação, cara tua didática é incrível !
Muito obrigado pela moral Lucas ❤️
Mini série de formulários muito nice, ótimo video! Aprendi muita coisa nova.
Valeu manooo
Parabéns pela didática e pelo vídeo!!!!
Thiago, tu estás de parabéns pela didática e pela clareza do conteúdo que foi abordado nos três vídeos da série. Foi uma referência excelente que eu pude adaptar para um projeto de portfolio meu - com muitas diferenças pontuais. Tua clareza tornou possível a adaptação e permitiu que eu evoluísse um pouco mais no meu código de JavaScript. Muito obrigado e parabéns novamente!!
cara, eu já tava inscrito no seu canal por causa de uma outra playlist que me ajudou demais. Agora eu tava com uma dificuldade há 2 dias e sem querer caí aqui nesse vídeo e me salvou mais uma vez. Tu é muito bom kkkk tmj!
Tive um bom entendimento e já estou aplicando em outro trabalho de html, suas aulas foram de grande ajuda pro minha evolução em html. Parabéns e muito obrigado.
Boraa concluir esse conteudo que ta nota 1000 🚀🚀🚀
Boraa, valeuuu 🤘🏽
Uauuu! Parabéns pelo tutorial, muito didático e de fácil compreensão. Me ajudou muito! Você é feraaa!!!
Valeu manoo 🤘🏽
Muito bom! pra ficar melhor só faltou um crud para gerenciar os usuários.
Mano trabalho incrível, essa aula me ajudou bastante...obrigado!
MUITO BOM TA DE PARABENS, Eu to aprendendo ainda, ja tinha feito a parte de login e senha, só faltava o que voce fez no video a parte do token, e de bloquear se o usuario tentar logar na area restrita direto pela url, parabéns mesmo.
Muito obrigado ❤️
Vale 1 milhão de likes !!! Parabéns !!!
Valeu Allan!
Thiago, muito obrigado por esse material muito valioso em todos os sentidos, aprendi, mas aprendi muito.
Muito sucesso para você!!!!
Incrivel mano, sério!! surreal de bom!!
Po, valeu demais pelo feedback!
Manoo muito obrigado, seus videos estão me ajudando muito, estou engatiando no mundo da programação e tudo isso ta servindo pra mim poder criar um portifolio com esses projetos obrigado pelas aulas
Tamo junto Alysson! Fico feliz que ta curtindo!
@@thi_code professor faz um portfólio,pra mostrar a base pra gente
@@programer115 Essa semana vai sair o projeto de um portfólio com envio de email!
@@thi_code vish já vou ficar de olho, quero muito aprender !!!! Valeu professor tmj ...
Showwww! Valeu d+ Thiago!
Valeuuu 🤘🏽
Cara tu parece comigo na programação, estilo e utilização de softwares e sistemas. Grande vídeo parabéns (Vlw pelas aulas).
Boa! Valeu Alexandre!
Amigo vocÊ é muito top. Paarabéns! poxa solta um video para gente agora integrando essa tela de login com um banco de dados Postgree ou Mysql por favoorrr
Boa ideia mano! Vou fazer 😁
excelente aula professor !
Muito obrigado Luan!
ótima aula, continue com o projeto!
Nossa mano,gostei muito, faz um vídeo com criar ou um ideia boa pra portifólio, grande abraço, já sou da familia thi code
Cara,voçe manda muito,tem que ter mais aulas como essas!!!!!!!!!!!!
MONSTROOOO! Já assisti trocentas vezes
lembrando que tem colocar validação para campo vazio, se vc deixar os campos sem nada... ele vai logar kkk
A aula foi tão nice que meu like foi o 666 kkkkk
top demais THIAGAOOOO, muito obrigadoo 🤩
hahaha valeu manooo!
Muito legal mesmo essa aula, me ajudou muito!! Está de parabéns pelo exelente conteúdo.
Uma coisa que eu percebi acompanhando o vídeo é que no login o usuário apenas clicar em "Acessar" ele realiza o login sem informar os dados porque não teve uma validação sobre esse processo, então basicamente se o usuário não informar os dados e clicar em "Acessar" ele vai para a página principal, por favor me corrija se estou errado.
Vou deixar aqui também o código que eu fiz para essa validação e caso esteja errado também me corrija por favor hehehe, caso queira que eu retire depois pode me falar também.
OBS: Tem variaveis que estão com nomes diferentes do que estão no vídeo.
function acessar() {
//Variaveis utilizada na função acessar
let usuario = document.querySelector('#usuario')
let userLabel = document.querySelector('#userLabel')
let senha = document.querySelector('#senha')
let senhaLabel = document.querySelector('#senhaLabel')
let msgError = document.querySelector('#msgError')
let msgError2 = document.querySelector('#msgError2')
let msgAccess= document.querySelector('#msgAccess')
let listaUser = []
let userValid = {
nome: '',
user:'',
senha:''
}
//Verifica os dados informados e assim realiza a inclusão dos dados na lista da variavel userValid
listaUser = JSON.parse(localStorage.getItem('listaUsuario'))
listaUser.forEach((item) => {
if(usuario.value == item.usuarioCad && senha.value == item.senhaCad) {
userValid = {
nome: item.nomeCad,
user: item.usuarioCad,
senha: item.senhaCad
}
}
})
//Informa o usuário que os campos estão vazios e assim não realiza o acesso
if(usuario.value.length == "" && senha.value.length == "") {
msgError2.setAttribute('style', 'color: red')
msgError2.setAttribute('style', 'display:block')
msgError2.innerHTML = 'Campos vazios, insira os dados para acessar'
msgError.setAttribute('style', 'display:none')
msgAccess.setAttribute('style', 'display:none')
} else {
//Informa o usuário que os dados informados estão incorretos e assim não realiza o acesso
userLabel.setAttribute('style', 'color: red')
usuario.setAttribute('style', 'border-color: red')
senhaLabel.setAttribute('style', 'color: red')
senha.setAttribute('style', 'border-color: red')
msgError.setAttribute('style', 'display:block')
msgError.innerHTML = 'Usuário ou senha incorretos'
msgError2.setAttribute('style', 'display:none')
msgAccess.setAttribute('style', 'display:none')
usuario.focus()
//Realiza o login caso os dados informados sejam iguais aos cadastrados
if(usuario.value == userValid.user && senha.value == userValid.senha) {
msgAccess.setAttribute('style', 'display:block')
msgError.setAttribute('style', 'display:none')
msgError2.setAttribute('style', 'display:none')
msgAccess.innerHTML = 'Acessando...'
setTimeout(() => {
window.location.href = '../Sistema/index.html'
}, 4000)
//Gera o token quando o usuário realiza o login
let token = Math.random().toString(10).substring(2) + Math.random().toString(10).substring(2)
localStorage.setItem('token', token)
localStorage.setItem('userLogado', JSON.stringify(userValid))
}
}
}
Uooool, valeu pelo comentário mano! Massa demais seu código! Acho que vou gravar um vídeo extra inserindo isso ein...
@@thi_code Seria bem legal mesmo um vídeo complementando essa tela de login, aplicando por exemplo a validação de tipos de caracteres na senha com letra maiuscula e um caracter especial, emplementando o tipo de usuário como se fosse um e-mail, não sei como ficaria esse processo em um video mas seria bem legal! Abraço!!!
@@DanielFrancisco-pk2in Boa noite, desculpa a demora, eu não tinha visto a notificação antes, ainda precisa de ajuda referente a esse processo Daniel?
@@DanielFrancisco-pk2inCaso ainda precise de ajuda vou deixar abaixo o que eu achei de errado no seu código.
Primeira situação foi na variável let userLogado.
No seu código está assim: let userLogado = localStorage.getItem('userLogado')
O correto é: let userLogado = JSON.parse(localStorage.getItem('userLogado'))
Dessa forma a variavel recebe o valor nela mesma para assim depois poder mostrar na tela.
Na segunda situação que é o token o if que informou aqui no comentário está correto, o que você precisa verificar é se a variavel informada no if é a mesma varial chamada "token" no código do login, caso seja a mesma, verifica o código que vou deixar abaixo e ve se o processo no código do login está igual e se o código está indentado corretamente no if.
let token = Math.random().toString(10).substring(2) + Math.random().toString(10).substring(2)
localStorage.setItem('token', token)
localStorage.setItem('userLogado', JSON.stringify(userValid))
Qualquer coisa me informe aqui, vou tentar acompanhar, espero ter ajudado.
Olá, não sei se já conseguiu resolver o problema, eu consegui resolver esse problema colocando da seguinte forma
function entrar(){
let listaUser = []
let userValid = {
nome: undefined,
user: undefined,
senha: undefined -----> Aqui ao invés de deixar vázia, coloque elas com undefined
}
listaUser = JSON.parse(localStorage.getItem('listaUser'))
listaUser.forEach((item) => {
if(usuario.value == item.userCad && senha.value == item.senhaCad){
userValid = {
nome: item.nomeCad,
user: item.userCad,
senha: item.senhaCad
Não sei se é a forma correta de fazer, porém mexendo foi uma forma que achei. Assim que sair o vídeo novo verificamos como faz pra resolver.
Video perfeito, tava querendo estudar mt isso
Valeuuu!
O vídeo ajudou dmsss, aula perfeita!!!
que conteúdo bom, obrigado te amo
Haha valeu manooo 🤘🏽
Caraka parabéns mano, muito top!
ajuda nos faz um com um banco de dados Mysql....
Muito bom!!! Deveria continuar esse projeto agora com integração ao firebase
ótimo conteúdo, valeu professor.
Show de bola!
cara vc me ajudou demais, mt brabo!
demais! parabéns, mano!!!
Valeuuu 🚀
Cara parabéns.......................
Valeu Carlos!
Muito bom o vídeo! Ótima didática. Só me perdi em um ponto: na hora do console.log(listaUser), está tudo vazio, não estão aparecendo os dados do cadastro. Alguém sabe me dizer o porquê?
Muito boa aula, aprendi bastante coisa nova. Porém, to com um problema e não consigo resolver. Quando o listaUser está vazio, porque não foi efetuado nenhum cadastro ainda, não aparece erro na tela de login. Como criar esse erro?
Valeu! Faz um if(listaUser.length === 0)... dai mostra o erro na tela
@@thi_code fiz aqui e não funcionou :(
oh, pessoal. no console de alguém aparece 'null' ?? parece que minha página de login não está vinculada ao local storage da página de cadastro. quando inspecionei no início da aula não aparecia as informações que aparecem no vídeo. alguém pode me dar uma mão?
Muito bom, pergunta: teria como fazer esta autenticação usando conta do google ou hotmail. e consegui logar na aplicação?
Pra isso é mais fácil usar um Backend... Esse login é limitado e é apenas um exemplo no front, o correto é usar um Backend, e fazer isso não é tão simples.
Excelente!
Bom dia! Parabéns pela aula!
É possível copiar o código desse cadastro?
Bom dia, amei a aula! Porém ainda saí com uma dúvida. Quando eu aperto no button de entrar mesmo tendo deixado os campos em branco ele vai direto para a index, sem verificar. Como posso resolver isso?
exatamente, o meu tbm!
Salvee, infelizmente não consigo te ajudar por aqui... é dificil de saber detalhes do problema, mas se quiser, pode entrar na comunidade do Discord se tornando membro, lá eu consigo ver com mais calma...
Muito legaaaalllll
Boa didática
Excelente, meu amigo. Muita gratidão por estes vídeos. Só uma coisa que não deu certo comigo, talvez possa me ajudar. O window.location.href não está funcionando. Tive que achar outro caminho semelhante para chegar no mesmo resultado, mas dessa forma que você fez não deu.
Gostaria de mais exemplos de colocar em banco de dados.
Assiste minha nova playlist da Mern Stack... Vou fazer uma aplicação completa!
o meu ta sempre retornando um array vazio, eu não consigo enxergar o erro é muito doloroso isso a pessoa fica agoniada
Vídeo muito bom. ☺️
Valeuu!
Como faço buscar em um servidor externo as informações? Devo alterar qual linha? É possível fazer essa validação com uma lista de nome de usuário e senha no google sheets?
so tem um problema , qndo vc cadastra um usuario e aperta em entra na tela de login com os campos vazios ele entra na tela de logado sem o nome e gera um token , e um objeto fazio
o meu também, consegui achar o erro no código
se tiver conseguido achar o erro meu aviso, to precisando
Boa noite eu nao estou conseguindo baixar a imagem
mano como limpa o localStorage ? to com 100 user cadastrado kkk tentando fazer o window.location funcionar e ele não me redireciona pra minha page de login
localStorage.clear();
Se eu faço um cadastro e vou na página de entrar e só clico em entrar, ele já entra em uma conta sem ter digitado nada nos campos de usuário e senha.
tbm acontece o mesmo comigo
Deve ser um bug de local storage
Eu coloquei que pro input botão aparecer, tenho que digitar algo no usuário
estou adorando a série professor, mas houve um problema no código de token, o meu não aparece os números, alguma sugestão?
Muito legal, mas se posso dar uma dica, é que se pudesse esses projetos fazer em um IDE, pois tentei acompanhar pelo VSCode e foi muito confuso.
A ideia era fazer online para ensinar a plataforma tbm... Alguns vídeos tem mais de um objetivo, em outros projetos uso o VsCode. Nesse a ideia foi essa mesmo 🤘🏽
@@thi_code De todo caso, agradeço muito você ter compartilhado conosco esse projeto incrível, já estou usando no meu portfolio e continue com seu canal, ajuda muito!
Abraços!!
@@thi_code Não vai ter continuação da aula? Eu queria que tivessem mais coisas, como sistemas que apenas o usuario da conta tivessem na página e outras não por exemplo, algo que o usuário possa alterar
@@aethyr22 salve mano, esse projeto é simples mesmo... Se quiser algo mais profundo e profissional é só acompanhar a playlist "do zero a MERN STACK" aqui do canal 🤘🏽
olá gostei muito do video, mas meu javaScript não funcionou, pode me ajudar?
o meu ta dando pra entrar se o usuário não tiver colocado nada :/
O meu tambem! acho que ele esqueceu de validar os campos vazios
@@claudinei130173 puts
É só acrescentar na frente && usuario.value != ' ' && senha.value != ' '
Eu fiz isso, valeu Eduardo Santos!
@@edrummer213 acrescentar aonde cara ?
no if do forEach?
show
Muito bom!
Valeuuu
Alguem pode me explicar como ele ja tinha o "lucas" e o "thiago" ja cadastrados?
Tem vídeos anteriores a esse...
Menu administração de conta
O meu não tá redirecionando a página, pq será? Ponho certinho o window.location.href="login.html"
conseguiu resolver? estou no mesmo problema
@@rogeriojunior960 acabei trocando o software q tava usando, pq tenho só celular, usava o spck editor, e mudei pro acode
Mano, que trabalho incrível. Parabéns. Me tira uma dúvida... Fiz todo esse processo no VSCode, porém, o JS não funcionou aqui pra mim... Fiz toda vinculação mas nada do JS funcionar nos eye e na msgError... Alguma dica?
Valeu mano, o caminho da pasta do JS está correta?
@@thi_code Sim, está correta. Fiz todo o processo da mesma forque como foi feito no video, porém, o JS não 'funfa' lá hehe
Alguém sabe o nome do tema que eue us no code pen?
na hora de fazer o login fica tudo de boa, todos os campos com seus nomes certinho, mas o senha fica com undefinid. Tô falando do userValid
pode me ajudar pfvr?
edit: acabei de conseguir solucionar o problema, fui rever o código mudei umas coisas e no fim deu certo sksk ebaaa, tô feliz, vlww
o que você fez, estou com o mesmo problema
Muito top!!!!
Estou reproduzindo esses seus vídeos nu VS code mas não to conseguido executar as ações do js no html. Pode me ajudar por favor? ja coloquei no html mas n resolveu
Colocou no fim da tag body?
@@thi_code coloquei antes de fechar a tag
@@marcusleao9603 o Arquivo script.js está na mesma pasta do arquivo html?
Sim
@@marcusleao9603 Tenta colocar um alet ocm um texto aleatorio fora de qualquer função no script.js, pra ver se o HTML renderiza... não esquece de salvar os documentos sempre que mudar algo.
e se já tiver mais de uma pessoa com o nome de usuário igual ?
usar a função find() ele explicou aqui
Poderia disponibilizar o arquivo do código, pfv?
Tá tudo no meu Codepen mano: codepen.io/thicode/pen/ZELzYxV
Como posso fazer pra que mais de um usuário não crie o nome de usuário com mesmo nome?
Salve mano, você pode validar a lista de usuários com o find() do JavaScript, da uma olhada na doc, é bem simples de fazer.
@@thi_code Eu dei uma olhada, mas eu estou com bastante dúvida de como criar essa condição. Poderia me ajudar?
@@MarcosAntonio-jw7oc Você tem uma lista de usuários, é uma lista de objetos cada objeto tem seus campos em comum, o campo que você quer validar é o username, pensando nisso, você pode fazer:
const username = document.querySelector("input")
// O find procura a primeira ocorrencia nos objetos que atenda ao teste lógico feito dentro dele
const existeUser = array.find(user => user.username === username)
if(existeUser) {
alert("Usuário já existe")
}
GOD
muito bom mais ta faltando um codigo de script para da false na tela de login pq se vc só aperta entrar ele ta acessando sem ter login e senha!!! qual é o codigo? para corrigir isso?
Salve, valeu! Semana que vem sai um vídeo novo melhorando esse código, passando ele para o VsCode e fazendo deploy dele...
@@thi_code vlw esperando ancionamente🙃 lembra disso corrir esse botao de entra para coloca um false pq ele ta entrando sem precisa usa login e senha!!!🥳🥳
Olá, tudo bem?
Uma dúvida isso já entram em Back-End ou ainda é uma aplicação Front?
100% front
aonde consigo os códigos ?
no codepen... é só me procurar por lá: Thi Code
alguém conseguiu fazer, e tem o cod fonte?
sim, porém estou testando a tela de inicio não consigo sair dela
Responde os inscritos?
Sempre que possível sim...
@doug Barroso Mano, vc precisa validar no próprio JS... Pega o campo com o DOM, faz um IF pra saber se tem algum value no campo, se tiver segue em frente, se não tiver, barra a autenticação...
function passaIn(){
let passAgent = window.prompt('Palavra-chave')
if (passAgent == 'j a v a 8 9'){
document.getElementById('userAgent').innerHTML = 'Logado como root!'
}
else{
logIn()
}
}
function logIn(){
let nameAgent = window.prompt('Usuario')
if (nameAgent == 'victor'){
passaIn()
}
else{
document.getElementById('userAgent').innerHTML = 'ERROR 404'
}
}
logIn()
gambiarra do pae com prompt KKKKKK