Não me esforcei tanto no exercício anterior, fiz só 5%, quando vi a solução fiquei com a sensação q se tivesse tentado teria conseguido (ou pelo menos chegava perto). Aí o Guanabara disse q quem ta começando não tem q ganhar tempo, tem que ganhar experiência. FAZ SENTIDO! Me dediquei nesse, entendendo o problema e olhando as anotações. Consegui 90%! Sensação maravilhosa!!
É bom fazer sim, eu sempre penso q vai ser fácil e tento fazer sozinho. Sempre travo no meio e vejo que não é tão fácil como eu pensava. Aí lá vou eu ver a solução e fazer junto com o GG... Treino, treino, treino, não tem outro jeito de aprender.
Tenho grande dificuldade mas não irei desistir, pode ser difícil as vezes. Mas não há glória em coisas fáceis, caminhos difíceis são os que mais nos trazem grandeza no final! Não desistam.
@@renanmacho eu tenho muita dificuldade pra pegar às coisas, se eu ainda não consigo fazer esses exercícios sozinha, é pq estou estudando errado? ou sei lá, tô frustrada que não consigo fazer um exercício desse sozinha ainda
@@puts8825 é normal no começo ter dificuldades, todos tiveram dificuldades quando estavam começado. Qualquer coisa revisa o conteúdo e assiste as aulas de novo, provavelmente teve alguma coisa que tu não conseguiu pegar na explicação. Outra dica que eu uso é nunca estudar de uma única fonte, procurar conteúdo na internet, assiste vídeos de outros autores tbm, tudo isso ajuda.
Pode ser usado o atributo .valueAsNumber ao inves de somente .value ao pegar o valor do elemento, assim não é preciso usar as conversões Number nas variáveis.
Consegui resolver com o for, mas não sabia nem por onde começar o select! Aprendi mais uma coisa! Outra dificuldade que eu tive foi na verificação do campo vazio. Eu tentei colocar como num == null ou num == undefined, mas não funcionavam e eu não queria colocar zero porque na proposta do exercício era pra poder fazer com zero. Agora entendi como se faz usando o num.value.length e faz sentido!
O zero não é "lido" como um número, mas sim uma string só pra poder verificar se está nulo de caracteres (com o length), já se colocar o número zero no formulário, ele vai fazer a conta normal ;) já o select eu sofri também, travei muito nesse exercício
pra fazer eu mudei o 'let tab' para 'var tab' pra fora da função pra virar uma variável global e criei outra função pro botão de limpar. ficou assim: var tab = document.getElementById('seltab') function tabuada() { let num = document.getElementById('txtn') if (num.value.length == 0) { alert('Digite um número') } else { let n = Number(num.value) let c = 1 tab.innerHTML = '' while(c
Muito feliz! Comecei a estudar programação em janeiro de 2022, estudei um pouco de HTML, CSS e agora estou estudando JavaScript. Pela primeira vez consegui fazer um exercício 100% sozinho. Obrigado, Guanabara! Você é um grande professor!
Rapaz, comparado ao exercício anterior, este me foi bem tranquilo! Eu tenho feito o curso de HTML5 e CSS3 em paralelo a este, e ainda não cheguei a caixas de seleção como esta usada no exercício de hoje. Então, ao invés de usar uma caixa de seleção, eu coloquei cada novo resultado numa nova linha com . FUNCIONOU 100%! É isso, tenham calma, paciência e vai se atentando a como o programa deve ser executado, pois uma hora você encontra a resposta para isso! Meu JavaScript ficou assim (os elementos HTML também tiveram IDs diferentes do que o Guanabara usou): ````javascript let número = document.querySelector(`#número`); let botão = document.querySelector(`#botão`); let resultado = document.querySelector(`#resultado`); botão.addEventListener("click", contar); function contar() { resultado.innerHTML = ``; if (número.value.length == 0) { // Se "número" for zero resultado.innerHTML = `Por favor, digite um número acima!`; } else { let n = Number(número.value); let i = 1; let f = 10; // Se "número" não for zero while (i
eu também amigo, na verdade eu não tinha percebido que o elemento era um select porque eu olhei e disse " ah entendi o que é pra fazer " kkk, dai então eu criei um div com scroll overflow, mas também funcionou 100%
Eu fiz de um jeito que ficou mais resumido ainda! (As IDs que eu usei são diferentes das do vídeo) function go(){ if(document.querySelector('input#txtn').value.length == 0){ alert('Por favor, insira um número') }else{ document.querySelector('select#seltab').innerHTML = `` var n = Number(document.querySelector('input#txtn').value) for(let c = 1;c
Aí, sério, no primeiro exercício eu pequei em ver algumas resoluções sem antes tentar *mesmo* até o final, mas nesse, meu amigo, não ter desistido e ter ido até o fim foi a melhor coisa que eu pude escolher! Que satisfação cara
eu tive dificuldade nos codigos não pelo JavaScript e sim pelo HTML e CSS. Tanto que eu fiz esse mesmo codigo em portugol e foi muito tranquilo. Depois que terminar esse curso vou iniciar meu curso em HTML e CSS
A mesma coisa aqui. A lógica do que é proposto não é tão difícil. Tbm consigo fácil em portugol, mas no JavaScript tô me enrolando com a quantidade de comandos que podem ser dados. Já tinha colocado na cabeça tbm que assim que acabasse esse curso daqui eu iria partir pro curso de HTML e CSS.
se vcs assim como eu nao viram ainda as aulas de HTML foi isso q quebrou nossa perna... a gnt ate agra so aprendeu o q ele passou nas aulas de javascript e comando como select dentre outros q ele acrescentou no exercicio anterior era impossivel da gnt conseguir fazer sem saber esses comandos...
Marcos, este sentimento é normal e faz parte do aprendizado. Se você continuar com muita dificuldade, tente antes fazer o curso de lógica e algoritmos ou o de HTML e CSS, isso pode te ajudar bastante. Antes deste curso de JS ,eu ja tinha feito o de lógica e também o de HTML e CSS e te digo. Algumas coisas ficam fáceis, mas em partes tem muita coisa nova. Ex: quando conectamos as variaveis ao html e as expressões lógicas no documento .JS. Isso tudo é parte do curso de JS. Bons estudos, cara e desistir não é uma opção!
@@felipegsilva1 Muito obrigado pelas dicas, Felipe! Eu segui como prometido no meu comentário, não desisti! Consegui um estágio e os estudos seguem adiante. Como você disse, desistir não é uma opção. Vamos pra cima!
Quem quiser fazer com for, pode colocar a variável do número da tabuada (nesse vídeo o professor chama de c) dentro do início do for e fazer assim: for (let c = 1 ; c
UMA DICA PARA O PESSOAL MAIS INICIANTE: aprendam a usar totalmente as ferramentas do vscode! todos os atalhos de teclados úteis e tudo o mais, principalmente a debugação que o Guanabara ensinou. Vai ajudar muito!
Ótima aula, obrigado Guanabara. Depois de muitas horas tentando resolver o exercício, finalmente consegui. Antes eu tinha feito sem repetição, tinha dado mais de 40 linhas só para formar as tabuadas, depois peguei uma a ideia de repetição no Chatgpt e consegui implementar no meu código. Outra coisa, eu não usei o appendchild, eu usei innerhtml para escrever dentro do select.
Vamos confessar que esse "elemento select" é bem complicado de se "criar". À primeira vista parece ser fácil, você insere um no html e boa. Entretanto, suas propriedades acabam "embolando o meio campo", o que torna inviável concluir o exercício sem dar aquela espiada. No mais, esse curso do Guanabara é um verdadeiro PRESENTE.
Sim mais é esta a intenção, tens de saber procurar como resolver os seus problemas sem assistir o vídeo da aula. Basicamente o que ele está te obrigando a fazer e aprender a utilizar o motor de pesquisa do Google para aprenderes a resolver as tuas questões. No futuro vais utilizar de mais o Google e a inteligência artificial para fazeres os teus códigos funcionarem...
Esse exercício eu apanhei no tive que ver aparte do mesmo. Depois também que vi percebi que era manha. Apaguei tudo e refiz do zero 3 vezes só para fixa na cabeça 😊😊 Obrigado mais uma vez toda equipe do Curso em Vídeo 👏
Essa aula me ajudou tanto, estava com problemas na hora de setar o texto do elemento. Também imaginava que um conjunto de elementos DOM só podiam ser gerados em conjunto através de variáveis separadas, sofri procurando alguma forma de iterar o escopo da mesma variável, o que seria bem ilógico, ao meu ver. Quebrou um galho tremendo em um projeto pessoal que ando trabalhando, muito bom!!
Eu fiz o exercicio anterior, só que sem as verificações. Esse aqui eu achei mais facil, mas como não consegui colocar dentro do select, só imprimi o resultado com res.innerHTML, e agora arrumei com as dicas do video. Achei bem interessante, estou aprendendo muito.
no meu código, eu quis deixar mais interativo ainda. o usuário pode escolher qual número ele quer ver a tabuada e até onde a tabuada vai, me diverti bastante com esse exercício.
Vi ele fazendo e depois consegui fazer sozinha :') Ainda adicionei a opção da pessoa escolher quantas vezes o número irá ser multiplicado. Obrigada por mais uma aula, mestre!!
depoimento de Tdah, consegui montar a logica pra mim é a parte mais dificil, porque eu me disperso fácil. depois foi so adicionar uns trem que Guanabara adicionou e ficou show. Fiz um bootcamp e nao aprendi como aqui os fundamentos do JS! Dankeschön!
Pra quem quiser dar uma melhorada na parte visual da tabuada, deixo meus códigos que adicionei no documento CSS: body { background: rgba(111, 1, 255, 0.39); font: normal 15pt Arial; } header { text-align: center;
Minha function ficou super compacta, deu até orgulho: function calculo() { var tnum = document.getElementById('txtnum') var num = Number(tnum.value) var tabuada = '' for(var count=1; count
Fiz um pouco diferente, mas funcionou 100%. Como não sabia utilizar a tag select do html, fiz com uma div mesmo. Ao assistir a aula, vi que poderia ter resumido ainda mais o código. Mas o que eu fiz inicialmente ficou assim: function gerar() { var numero = document.getElementById('numero') var res = document.getElementById('res') var multi = 1 res.innerHTML = " "
if (numero.value.length == 0) { window.alert('Digite um número!') } else { var num = Number(numero.value) for(c = multi;c
A única parte que eu não estava conseguindo era o atriburo size na tag select, mas no final deu tudo certo. Achei esse exercício bem mais fácil que o anterior.
Na versão que eu fiz antes der ver a resposta dele eu usei a tag com tamanho fixo (CSS) e escrita desabilitada no lugar da tag . O texto da tabuada foi colocado via JS com innerHTML mesmo.
Para complementar o meu aprendizado eu fiz aparecer na tela todas as tabuadas (+, -, x, /) e ainda coloquei o da divisão em 1 casa decimal. Show de bola esses conteúdos!
Boa tarde professor, muito grato pelo curso agradeço a você e também a empresa google sempre quis ter um tempo pra estudar na minha mente os conceitos eram muitos complexo o curso está mim ajudando muito obrigado
Quando fiz, usei um textarea no lugar de usar selection. Ficou mais interessante na minha opinião, mas entendo que usando um select abre mais possibilidades para a aplicação
Olá Professor, depois de assistir desafiei-me em fazer o exercício sozinho e consegui!!! Vejo que estou a evoluir! o que me tem ajudado é perceber os passos de cada código! Abraço a toda gente!
Esse método Create Element mostrou muita ultilidade, show! Eu tentei de tudo quanto é jeito fazer esse Select funcionar mas não consegui, coloquei tudo dentro da própria DIV mesmo mas o funcionamento tava certo, incluindo o tratamento de erro(limpando a div toda vez que entrasse outra tabuada nova). Mas graças a esse CreateElement() é que tudo foi possível, já que ele só preenche o select no momento da execução da Função.
Eu fiz com o o script ficou dessa forma: document.getElementById('btn').addEventListener('click', tabuada) function tabuada(){ let num = document.getElementById('txtn').value if (num == ''){ alert('[ERRO] Preencha o campo número.') } else{ document.getElementById('txtresp').value = '' for (let c = 1; c
Esse eu consegui com mais facilidade e sozinho. Inclusive inclui um Switch, que a partir de um select com a opção de tipo de calculo: Soma, subtraçao, divisão e multiplicação ele aprasenta o cáculo referente a escolha. A única correção que fiz, foi em relação a validação, mais para melhorar. Pois minha solução só considerava números positivos, então corrigi para a forma do professor e agora aceita números negativos para realizar o cálculo,
Essa idéia 💡 de fazer junto e depois fazer sem olhar é o que está me ajudando a gravar 📌 bem o conteúdo das aulas📓. Minha dica, é, depois de assistir o vídeo e fazer junto, espere algumas horas ⏲ pra executar sozinho sem consulta.
Verdade. Eu meti o louco e resolvi fazer tabuada de menos, mais e vezes em três funções diferentes ao invés de alterar no código os sinais. Por enquanto me dei bem agr vou ver mais tarde ver se eu esqueço ou fica mais fácil
Outra forma de inserir elementos é: resultado = document.getElementById("resultado"); resultado.insertAdjacentHTML("beforeend", `AQUI VOCÊ COLOCA O HTML PARA INSERIR`); . Recomendo pesquisar sobre o "insertAdjacentHTML()" é muito útil e simples.
Não conhecia o do HTML. Depois de estudá-lo, resolvi criar as estaticamente e atualizá-las usando document.getElementsByTag('option'). Mas achei interessante (e importante !!!) a criação dinâmica das .
Pessoal, resolvi sem criar os elementos 'option' pelo JS, criando diretamente no HTML. Escondi também a tabuada ao carregar a página e, ao clicar no botão "gerar tabuada", a lista é mostrada. Segue o código em JS:
function tabuada(){ var num = Number(document.querySelector('input#numero').value) var tabres = Number('') var tabitem = document.getElementsByClassName('tab-class') var tablist = document.querySelector('div#tabuada') tablist.style.display = 'block' tablist.text = '' for (var c = 0; c
Logo após resolver esse ex junto com o professor, decidi criar um programa do zero sem o auxílio de nada nem ninguém. Como sou iniciante, pensei em escrever um programa que lê as notas dos dois semestres de uma pessoa na escola e a devolve sua média, juntamente com o resultado: Aprovado ou Reprovado? Para isso, usei a linguagem JS e as tecnologias HTML e CSS (SOU INICIANTE EM ABSOLUTAMENTE TODAS!) Abaixo vou deixar meu desenvolvimento em cada uma dessas partes, apenas para interagir haha! HTML:
Média Escolar
Aprovado ou Reprovado!?
Sabendo que a média para ser APROVADO é igual a 7 de 10... Digite sua nota do 1º semestre: Digite sua nota do 2º semestre:
CSS: body { background: rgb(70, 142, 236); font: normal 15pt Arial; } header { color:yellow; text-align: center; } section { background: white; border-radius: 30px; padding: 15px; width: 500px; margin: auto; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.363); text-align: center; } #txtn1 { width: 80px; } #txtn2 { width: 80px; } footer { color: white; text-align: center; font-style: italic; } JS: var nota1 = window.document.getElementById('txtn1') var nota2 = window.document.getElementById('txtn2') var média = window.document.getElementById('res') function calcular() { n1 = Number(nota1.value) n2 = Number(nota2.value) if (nota1.value.length == 0 || nota2.value.length == 0 || n1 > 10 || n2 > 10) { window.alert('[ERRO] Há valores errados e/ou faltando, por favor os digite novamente!') média.innerHTML = '' } else { var soma = `${n1 + n2}` var m = `${soma / 2}` média.innerHTML = '' média.innerHTML += `\u{1F447} Nota 1º semestre: ${n1} Nota 2º semestre: ${n2} SUA MÉDIA FINAL EQUIVALE A ${m}!` if (m >= 7) { média.innerHTML += `Parabéns, você foi APROVADO! \u{1F44F}` } else { média.innerHTML += `Que pena, você foi REPROVADO! \u{1F615}` } } } *MAIS PRA FRENTE, PRETENDO ALTERAR E DEIXAR ESSE PROGRAMA COM MAIS FUNÇÕES E MAIS COMPLEXOS, COMO POR EXEMPLO PERGUNTAR COMO FUNCIONA A ESCOLA/FACULDADE DA PESSOA (BIMESTRE, TRIMESTR, SEMESTRE...) E A PARTIR DISSO APRESENTAR OPÇÕES ETC.* *ISSO FOI O QUE CONSEGUI FAZER TENDO COMO CONTEÚDO O CURSO ATÉ SUA AULA 14, E SOZINHO! ATÉ QUE FIQUEI SATISFEITO KKK*
Eu não consegui pensar em como usar o while, mas descobri um forma de não precisar limpar a tábuada... De forma resumida, adicionei a tag (value) com valor "0" no input da barra de digitação. Assim toda vez que iniciar começará com 0. /*Digitação numérica*/ /*Botão*/
Fiz uma pequena modificação no sistema é funcionou ... Coloquei mais um input de number, E coloquei além de selecionar o número multiplicador coloquei para selecionar até onde a pessoa quer que vá a multiplicação... Ex: input 1 = 1 ( Número Multiplicador ) input 2 = 50 ( Número Max. de Multiplicador ) 1 x 1 = 1 1 x 2 = 2 1 x 3 = 3 1 x 4 = 4 1 x 5 = 5..... ele ira ate o 50 \/ 1 x 50 = 50 e coloquei também para o usuário escolher o operador matemático ( + , - , * ou / ) Pena que o youtube não deixa enviar imagem para eu mostrar um print.
Eu tinha feito e funcionou mas não tava igual a questão de usar o select e option, eu havia usado . Mas muito bom as aulas. Espero conseguir, é um sonho de anos
Galera, como o professor fez, não consegui incluir o option, porém verifiquei pelo W3School, fiz as modificações e funcionou. Eu uso let no lugar do var e altero o nome de algumas variáveis, mas acho que da pra ter uma noção das modificações. while (c
Cara, a primeira vez que vi esse exercício, achei super difícil, alguns dias depois de revisar o assunto consegui entender bem melhor condições e repetições, fiz esse exercício em menos de 5 min
O professor colocou aquele texto pra ficar mais bonito, porém ficou feio do mesmo jeito, dá pra esconder aquela caixa toda assim.. //Coloque no index html o size inicial de 1 //Declare uma variavel selecionando o id do let divtab = document.querySelector("#seltab") //Chame antes do while esta variável mudando o tamanho. divtab.size = "10" Assim o tamanho vai ficar em 10 somente quando você colocar para Gerar a tabuada.
Comentando meu código antes de ver a resolução, apenas para efeitos de backup. Após ver a aula vou ver possíveis mudanças. Ficou meio grande, mas funciona kkkk function multiplicar(){ var n = document.getElementById("ntxt") var res = document.querySelector(`div#res`) var n1 = Number(n.value) res.innerHTML = `Tabuada do numero ${n1}: ${n1} x 1= ${ n1*1} ${n1} x 2= ${ n1*2} ${n1} x 3= ${ n1*3} ${n1} x 4= ${ n1*4} ${n1} x 5= ${ n1*5} ${n1} x 6= ${ n1*6} ${n1} x 7= ${ n1*7} ${n1} x 8= ${ n1*8} ${n1} x 9= ${ n1*9} ${n1} x 10= ${ n1*10} ` }
Para descobrir se estou aprendendo fiz um pouco diferente, não usei select/option (o que precisei mudar de text para innerText) e sim div comum e o for: for(c=1; c
para quem o watch chrome nao funciona igual meu caso, baixem a extensão live server no proprio vs code, ai vai em arquivo segunda opçao na tela superior na esquerda e clica la e ativa salvar automaticamente, dps vai no go live que fica na tela inferior lado direito clica la ele vai direto pro site e tem a msm função
Eu tentei resolver esse exercício antes, e acabei fazendo de outra forma, usando o componente , me pareceu mais simples a resolução para o mesmo problema: function gerarTabuada(){ var textnum = document.getElementById('num') var res = document.getElementById('res') if (textnum.value.length == 0){ alert('[ERRO] Preencha o campo número!') } else { res.innerHTML = ' ' var n = Number(textnum.value) for (var i = 1; i
@@VicenteBarth bacana vc colocou um scrool para ficar igual o textarea ou option ,achei que poderia usar um right no botão com um position absolute ficaria bacana tb ,gostei bastatnte do seu codigo
mano eu não sabia desse negocio de create elemente mas eu consegui fazendo: res.innerHTML += ''+num+' x '+multi+' = '+resf+'' obs: res é a variavel que tem o select
var select0 = document.getElementById("b") var x = window.document.getElementById("x") var c = 0 var tabuadanum = window.document.getElementById("bi") var opti0n = window.document.createElement("option") var valor = tabuadanum function clicar() {
if (valor.value == "") { alert("Por favor, insira um número") } else { document.querySelector('select#b').innerHTML = ``
Eu não tinha entendido exatamente, como fazer, ví o vídeo e refiz o exercício porem fiz com o For pra garantir que eu tinha entendido a lógica, e não copiado o código apenas. for (let c = 1;c
Pessoal, pra quem não conseguiu fazer usando o createElement('option') que foi o meu caso, não desanimem, façam do outro jeito até vocês aprenderem HTML. Mesmo meu código estando igualzinho ao do professor Guanabara não funcionou, fiquei algumas horas martelando nisso e voltei no programa e fiz pelo modelo anterior, usando uma function tabuada() { var num = document.querySelector('input#txtn') var res = document.getElementById('res') if (num.value.length == 0) { alert('Digite um número!') } else { var n = Number(num.value) res.innerHTML = ' ' for(var c = 1; c
essa solução resolve o option . const para = document.createElement("p"); para.innerHTML = "This is a paragraph."; document.getElementById("myDIV").appendChild(para);
Eu fiz uma formatação simples em css para deixar um pouco mais 'bonito' o código,pra quem quiser é só ir no arquivo estilo.css e digitar: select#seltab{ width:500px ; text-align: center; }
Fiz utilizando o for() segue abaixo pra quem quiser dar uma olhada: function gerar(){ var num = window.document.getElementById('txtn') var tab = window.document.getElementById('seltab') if(num.value.length == 0) { //verifica se a caixa de texto do número está sem nada window.alert('Digite um número!') // informa se ela estiver sem nada }else{ var n = Number(num.value)// a variavel n recebe a variavel num convertida em valor númerico tab.innerHTML ="" // limpa a tabuada sempre que for começar outra for(c=0 ;c
Eu fiz de uma forma diferente não utilizei select, eu peguei a div e definir valores como width, height, border e um overflow: scroll, aí colocava um res.innerHTML += `${n} * ${i} = ${multi}`. Para quem quiser da uma olhada: codepen.io/Vicente-Lima/pen/zQgPWq
Eu fiz o curso de Python e nossa, muito fácil. Mas notei também que o curso de Python foi mais aprofundado nos detalhes e com mais exercícios. Entendo que esse foi feito para ser postado completo e por isso fizeram mais rápido, mas senti falta da mesma atenção que foi dada no curso de Python.
fiz meu html diferente kkk pensei q n era uma opcao no comeco e sim um tipo de label, entao usei label de um optgroup e dpois removi. (obs tive pesquisar essas coisas todas pra aprender kkk pq nt ava no curso ainda, mas é muito bom aprender por conta propia :)
eu tinha assitido o curso em 3 semanas e so na ultima aula percebi que tinha exercícios, voltei atras e to fazendo. achei o ultimo mais facil que esse não sei por que
@@marciofelipe3618 te entendo, eu mesmo comecei o curso por uma playlist de fora e os exercícios não estavam inclusos, mas a partir da aula 05 encontrei o conteúdo completo...
usei um += em p dentro da div de resposta e usei uma variavel pra reset function calcular(){ var num = Number(document.querySelector('input#entrada').value) var saida = document.querySelector('p#saida') var contador = 1 if (entrada.value.length == 0){ alert('Mano, tu só precisa por um numero, vamo lá!') } saida.innerHTML = '' while (contador
Caramba! Escreveu tão pouco o Guanabara, eu tive que colocar os options em um Array, mas aí tava dando o problema de não apagar os options anteriores, então passei pra algo mais manual criando options dentro do select e deu certo, quem diria que o único problema é um fucking tab.innerHtml =" ". Abaixo seguem os códigos que fiz: DA MANEIRA DINÂMICA: function tabuada() { let selec = document.getElementById('tabuada') var numero = document.getElementById('numeros') var sec = document.getElementById('secao') var numeros = document.getElementById('numeros') var n = Number(numeros.value) c=1 var opcao = [] selec.innerHTML = "" do { if (numero.value.length == 0) { alert ("Preencha os dados com um número") break; }else { sec.style.height = '300px' } opcao[c] = document.createElement('option') opcao[c].setAttribute("value",c) let mult = n * c opcao[c].innerHTML = ` ${n} x ${c} = ${mult}` selec.appendChild(opcao[c]) c++ }while (c
Fiz a minha solução usando o conceito de função para determinar a cor de fundo dos objetos de acordo com o ID, fiz também uma melhoria para gerar não só os 10 primeiros termos, mais sim a quantidade de termos desejados, caso não seja informado a quantidade de termos o programa exibe os 10 primeiros. Código abaixo..... //Função para pintar a cor de fundo de acorodo com o objeto selecionado e a cor de fundo desejada function cordefundo (id, corfundo = 'white'){ var id, fundo id.style.background = corfundo } //Função para gerar a tabuada dos 10 primeiros termos function tabuada(){ var numero = document.getElementById('txtnum') var num = Number(numero.value) var tabuada = document.getElementById('seltab') var item = document.createElement('option') var termo = document.getElementById('txttermo') var termos = Number(termo.value) cordefundo(numero, 'white') if (numero.value ==''){ alert('Informe um número no campo destacado') cordefundo(numero,'rgb(255, 176, 176)') tabuada.innerText = '' item = document.createElement('option') item.text = 'Informe um número para exibir a Tabuada' tabuada.appendChild(item) }else{ if (termos
Muito bom exercício, ao invés de limpar o conteúdo da tag select toda vez que o usuário clicar no botão, eu optei por apenas substituir os valores das tags option pelos valores da tabuada, ficou assim: var select = document.querySelector('#tabuada'); for (let i=1; i
usando o for ficaria mais fácil, pois nao daria tanta volta. Também poderia ser usado o parseInt que diminuiria o número de variáveis, deixando o código mais limpo, mas da mesma forma esse ensinou bastante!
Oi, queria so mostrar minha solução aq, eu fiz com a função for ao inves de while: function tabuada(){ let num = document.querySelector('input#num') let res = document.getElementById('tabn') if(num.value.length == 0){ window.alert(`[ERRO] por favor digite um número`) }else{ let n = Number(num.value) for(let c = 1; c
CONSEGUI A FAZER A TABUADA . SÓ QUE AO INVÉS DE COLOCAR OS NUMERO NO "SELECT" COLOQUEI DENTRO DE UM "TEXTAREA" Mas ta dificil de conseguir guarda esses código meu Deus kkkkk Vlw guanabara, te me ajudando demais . Mostra alguns videos usando o jquery e bootstrap só pra da um palhinha
3 года назад+4
Nossa, eu fiz de um jeito diferente. Em vez de usar o document.createElement, eu usei o document.innerHTML e dentro das crases eu concatenei as tags html, colocando ` ${multiplo} X ${c} = ${resultadoSoma}`. Funcionou, mas a solução professor é mais elegante.
Todos os exercicios eu tento fazer antes , confesso que esse de implementar as options nos select pelo DOM eu tomei uma baita surra kkk mas deu certo, de longe foi oque me deu mais trabalho, nao estava achando na documentação nem nos tutoriais exemplos claros, eu estava errando no res.appendChild(opt)... que surra kkk
Olá 🦗! Ficamos muito felizes em saber que você conseguiu resolver o exercício e que ficou satisfeito com o resultado! Continue assim, praticando e explorando cada vez mais a programação. Parabéns! 😄 Considere ser um Estudonauta ou Aluno Apoiador no site do Curso em Vídeo. 🖖
function clicar(){ var num = document.getElementById('num').value num = Number(num) num2 = num var multi = 1 var quadro = document.getElementById('quadro') quadro.style.width = '120px' quadro.innerHTML = '' for(multi; multi
Não entendo muito de HTML, logo fui para pesquisa no starflow. cheguei a esse resultado: function tabuada() { let num = document.getElementById('txtn') let res = document.getElementById('res') if (num.value.length == 0){ alert('[ERRO] Não foi digitado numero!') } else { let n1 = Number(num.value) res.innerHTML =''//renovar a tabela for(let n = 1; n
O Naruto pode ser um pouco duro as vezes, talvez você não saiba disso, mas o Naruto também cresceu sem pai. Na verdade ele nunca conheceu nenhum de seus pais, e nunca teve nenhum amigo em nossa aldeia. Mesmo assim eu nunca vi ele chorar, ficar zangado ou se dar por vencido, ele está sempre disposto a melhorar, ele quer ser respeitado, é o sonho dele e o Naruto daria a vida por isso sem hesitar. Meu palpite é que ele se cansou de chorar e decidiu fazer alguma coisa a respeito!
Consegui fazer esse exercicio numa boa, a unica diferença é que eu coloquei o resultado da tabuada dentro de um textarea, porem meu js ficou diferente tambem: function tabuada(){ var tabuada var numero = document.getElementById('txtnumber').value var resultado = document.getElementById('txttabuada') resultado.innerHTML = '' if(numero.length === 0){ window.alert('Por favor, digite um número!') return } for(var c = 0; c
kkkkk esse eu fiz de uma forma uns 80% diferente, primeiro que usei "for" segundo que ao invés de usar select, criei um bg na div reduzi as margens e criei um overflow, resumindo ao invés de usar JS e HTML acabei tendo que aprender um pouco de CSS XD, mas está rodando perfeitamente igual no vídeo
Gente, eu sou super novato em programação e fico meio bolado pq o VScode não mostra alguns erros de sintaxe... Por exemplo, eu tava SOFRENDO pq na parte da linha de código: item.text = `${num} x ${c} = ${num*c}` eu estava colocando TXT ai invés de TEXT e não tava achando o erro de jeito nenhum! Beleza que o console do navegador até aponta, mas tbm nao diz exatamente o erro. VocÊs tbm sofrem com isso ou eu que sou especial?
@@sergiolc_ é até que bom ksksks por exemplo: function gerar(){ var nome = doucument,getElementById('nome') } Se observou bem, além da palavra documente estar errada, tem uma virgula no lugar de ponto, a extensão vai falar tipo: EXPRESSÃO ESPERADA ' . '
Não me esforcei tanto no exercício anterior, fiz só 5%, quando vi a solução fiquei com a sensação q se tivesse tentado teria conseguido (ou pelo menos chegava perto). Aí o Guanabara disse q quem ta começando não tem q ganhar tempo, tem que ganhar experiência. FAZ SENTIDO! Me dediquei nesse, entendendo o problema e olhando as anotações. Consegui 90%! Sensação maravilhosa!!
É bom fazer sim, eu sempre penso q vai ser fácil e tento fazer sozinho. Sempre travo no meio e vejo que não é tão fácil como eu pensava. Aí lá vou eu ver a solução e fazer junto com o GG... Treino, treino, treino, não tem outro jeito de aprender.
Eu consegui fazer 100%, graças à Deus!
Depois de 1 ano de comentario. Voce acha que evoluiu muito? Que projetos voce está fazendo agora ?
@@HaroldSouza trabalho na área
@@carolbezerra335 é motivador ouvir isso
Tenho grande dificuldade mas não irei desistir, pode ser difícil as vezes.
Mas não há glória em coisas fáceis, caminhos difíceis são os que mais nos trazem grandeza no final!
Não desistam.
Keep learning!
no começo sempre é difícil, depois quanto mais tu estuda, mais fácil vai ficando.
@@renanmacho eu tenho muita dificuldade pra pegar às coisas, se eu ainda não consigo fazer esses exercícios sozinha, é pq estou estudando errado? ou sei lá, tô frustrada que não consigo fazer um exercício desse sozinha ainda
@@puts8825 é normal no começo ter dificuldades, todos tiveram dificuldades quando estavam começado. Qualquer coisa revisa o conteúdo e assiste as aulas de novo, provavelmente teve alguma coisa que tu não conseguiu pegar na explicação. Outra dica que eu uso é nunca estudar de uma única fonte, procurar conteúdo na internet, assiste vídeos de outros autores tbm, tudo isso ajuda.
@@puts8825 eu tambem nao consigo to bem desanimado
Pode ser usado o atributo .valueAsNumber ao inves de somente .value ao pegar o valor do elemento, assim não é preciso usar as conversões Number nas variáveis.
poderia dar um exemplo de como utilizar?
resultado.valueAsNumber
faz assim logo ó : var number_input = Number(document.getElementById("input_number").value)
kkkkkkkkkkkkkkkkkk
@@marriosdev1027 tbm pensei nisso kkkk
@@obot kkkkkkkkķkkk
Consegui resolver com o for, mas não sabia nem por onde começar o select! Aprendi mais uma coisa! Outra dificuldade que eu tive foi na verificação do campo vazio. Eu tentei colocar como num == null ou num == undefined, mas não funcionavam e eu não queria colocar zero porque na proposta do exercício era pra poder fazer com zero. Agora entendi como se faz usando o num.value.length e faz sentido!
O zero não é "lido" como um número, mas sim uma string só pra poder verificar se está nulo de caracteres (com o length), já se colocar o número zero no formulário, ele vai fazer a conta normal ;) já o select eu sofri também, travei muito nesse exercício
O conceito final de limpar o select me inspirou a incluir no projeto um botão Limpar pra limpar o select e o campo numérico. Ficou até bacana...
Seu comentário me inspirou a fazer o mesmo. Obrigado :)
pra fazer eu mudei o 'let tab' para 'var tab' pra fora da função pra virar uma variável global e criei outra função pro botão de limpar. ficou assim:
var tab = document.getElementById('seltab')
function tabuada() {
let num = document.getElementById('txtn')
if (num.value.length == 0) {
alert('Digite um número')
} else {
let n = Number(num.value)
let c = 1
tab.innerHTML = ''
while(c
Massa!
@@aldasoares7435 Massa
Muito massa! seu comentário me inspirou a fazer o mesmo haha ;/
Aos 5:15 eu percebi o erro do Guanabara e pensei "ué, como assim? xD"
Sinal de que estou entendendo alguma coisa xDDD
Ótima aula, como sempre!
Cara, eu vi que o Garabara estava errado, kkkk, não fiz aquele erro, kkkkkkk.
Eu pensei a mesma coisa e não entendi, hahaha. Avancei e vi que de fato ele estava errado. Sinal de que tô manjando da parada 🙏
Muito feliz! Comecei a estudar programação em janeiro de 2022, estudei um pouco de HTML, CSS e agora estou estudando JavaScript. Pela primeira vez consegui fazer um exercício 100% sozinho. Obrigado, Guanabara! Você é um grande professor!
Ola amigo , poderia dizer como esta atualmente ? se ainda esta na area
@@Ryan-mq6wp Boa pergunta!
Como está atualmente? Trabalhando na área?
Rapaz, comparado ao exercício anterior, este me foi bem tranquilo!
Eu tenho feito o curso de HTML5 e CSS3 em paralelo a este, e ainda não cheguei a caixas de seleção como esta usada no exercício de hoje. Então, ao invés de usar uma caixa de seleção, eu coloquei cada novo resultado numa nova linha com . FUNCIONOU 100%!
É isso, tenham calma, paciência e vai se atentando a como o programa deve ser executado, pois uma hora você encontra a resposta para isso!
Meu JavaScript ficou assim (os elementos HTML também tiveram IDs diferentes do que o Guanabara usou):
````javascript
let número = document.querySelector(`#número`);
let botão = document.querySelector(`#botão`);
let resultado = document.querySelector(`#resultado`);
botão.addEventListener("click", contar);
function contar() {
resultado.innerHTML = ``;
if (número.value.length == 0) {
// Se "número" for zero
resultado.innerHTML = `Por favor, digite um número acima!`;
} else {
let n = Number(número.value);
let i = 1;
let f = 10;
// Se "número" não for zero
while (i
eu também amigo, na verdade eu não tinha percebido que o elemento era um select porque eu olhei e disse " ah entendi o que é pra fazer " kkk, dai então eu criei um div com scroll overflow, mas também funcionou 100%
O tanto de dica que tem nos comentários é surreal de tão útil
Eu fiz de um jeito que ficou mais resumido ainda! (As IDs que eu usei são diferentes das do vídeo)
function go(){
if(document.querySelector('input#txtn').value.length == 0){
alert('Por favor, insira um número')
}else{
document.querySelector('select#seltab').innerHTML = ``
var n = Number(document.querySelector('input#txtn').value)
for(let c = 1;c
fiz de um jeito pouca coisa mais resumida que o teu
for(i = 1; i < 11; i++){
resultado.innerHTML += (`${number} * ${i} = ${number*i} `);
}
@@darllingtongomes5996 acho que não funciona dentro do select
Aí, sério, no primeiro exercício eu pequei em ver algumas resoluções sem antes tentar *mesmo* até o final, mas nesse, meu amigo, não ter desistido e ter ido até o fim foi a melhor coisa que eu pude escolher! Que satisfação cara
eu tive dificuldade nos codigos não pelo JavaScript e sim pelo HTML e CSS. Tanto que eu fiz esse mesmo codigo em portugol e foi muito tranquilo. Depois que terminar esse curso vou iniciar meu curso em HTML e CSS
A mesma coisa aqui.
A lógica do que é proposto não é tão difícil. Tbm consigo fácil em portugol, mas no JavaScript tô me enrolando com a quantidade de comandos que podem ser dados.
Já tinha colocado na cabeça tbm que assim que acabasse esse curso daqui eu iria partir pro curso de HTML e CSS.
@@taciosoares9106 a ideia e essa. Kkkk tô terminando o curso jáe já vou iniciar o HTML e css atualizado do prof Guanabara
@@taciosoares9106 qualquer coisa vamos nos falando, que é até bom pra tirar dúvidas
@@henriquemafortt Ótimo.
Eu ainda vou levar alguns dias pra terminar esse daqui, se eu ficar com dúvida vou te chamar aqui 😅
@@taciosoares9106 fecho então. A mesma coisa pra mim. Se eu tiver dúvidas venho e pergunto aqui também
Confesso que depois desse exercício e do anterior acabei me desmotivando, mas não vou desistir! Vou estudar muito!
tambem me desmotivei um pouco
eu tbm, venho estudando tudo certinho e não consegui fazer isso que é bem básico, me senti moh burro
se vcs assim como eu nao viram ainda as aulas de HTML foi isso q quebrou nossa perna... a gnt ate agra so aprendeu o q ele passou nas aulas de javascript e comando como select dentre outros q ele acrescentou no exercicio anterior era impossivel da gnt conseguir fazer sem saber esses comandos...
Marcos, este sentimento é normal e faz parte do aprendizado. Se você continuar com muita dificuldade, tente antes fazer o curso de lógica e algoritmos ou o de HTML e CSS, isso pode te ajudar bastante. Antes deste curso de JS ,eu ja tinha feito o de lógica e também o de HTML e CSS e te digo. Algumas coisas ficam fáceis, mas em partes tem muita coisa nova. Ex: quando conectamos as variaveis ao html e as expressões lógicas no documento .JS. Isso tudo é parte do curso de JS.
Bons estudos, cara e desistir não é uma opção!
@@felipegsilva1 Muito obrigado pelas dicas, Felipe! Eu segui como prometido no meu comentário, não desisti! Consegui um estágio e os estudos seguem adiante. Como você disse, desistir não é uma opção. Vamos pra cima!
Para esse exercício não usei o createElement, fiz com (tab.innerHTML += ` valor `) e funciona bem também
Quem quiser fazer com for, pode colocar a variável do número da tabuada (nesse vídeo o professor chama de c) dentro do início do for e fazer assim:
for (let c = 1 ; c
pq o
item.value = `tab${c}`
?
UMA DICA PARA O PESSOAL MAIS INICIANTE:
aprendam a usar totalmente as ferramentas do vscode! todos os atalhos de teclados úteis e tudo o mais, principalmente a debugação que o Guanabara ensinou. Vai ajudar muito!
Ótima aula, obrigado Guanabara. Depois de muitas horas tentando resolver o exercício, finalmente consegui. Antes eu tinha feito sem repetição, tinha dado mais de 40 linhas só para formar as tabuadas, depois peguei uma a ideia de repetição no Chatgpt e consegui implementar no meu código. Outra coisa, eu não usei o appendchild, eu usei innerhtml para escrever dentro do select.
Vamos confessar que esse "elemento select" é bem complicado de se "criar". À primeira vista parece ser fácil, você insere um no html e boa. Entretanto, suas propriedades acabam "embolando o meio campo", o que torna inviável concluir o exercício sem dar aquela espiada. No mais, esse curso do Guanabara é um verdadeiro PRESENTE.
Sim mais é esta a intenção, tens de saber procurar como resolver os seus problemas sem assistir o vídeo da aula.
Basicamente o que ele está te obrigando a fazer e aprender a utilizar o motor de pesquisa do Google para aprenderes a resolver as tuas questões.
No futuro vais utilizar de mais o Google e a inteligência artificial para fazeres os teus códigos funcionarem...
Esse exercício eu apanhei no tive que ver aparte do mesmo. Depois também que vi percebi que era manha. Apaguei tudo e refiz do zero 3 vezes só para fixa na cabeça 😊😊 Obrigado mais uma vez toda equipe do Curso em Vídeo 👏
boa tarde vc ainda estuda programaçao ??
Essa aula me ajudou tanto, estava com problemas na hora de setar o texto do elemento. Também imaginava que um conjunto de elementos DOM só podiam ser gerados em conjunto através de variáveis separadas, sofri procurando alguma forma de iterar o escopo da mesma variável, o que seria bem ilógico, ao meu ver. Quebrou um galho tremendo em um projeto pessoal que ando trabalhando, muito bom!!
Eu fiz o exercicio anterior, só que sem as verificações. Esse aqui eu achei mais facil, mas como não consegui colocar dentro do select, só imprimi o resultado com res.innerHTML, e agora arrumei com as dicas do video. Achei bem interessante, estou aprendendo muito.
no meu código, eu quis deixar mais interativo ainda.
o usuário pode escolher qual número ele quer ver a tabuada e até onde a tabuada vai, me diverti bastante com esse exercício.
O usuario: vc mesmo shuashuahusa
Vi ele fazendo e depois consegui fazer sozinha :')
Ainda adicionei a opção da pessoa escolher quantas vezes o número irá ser multiplicado.
Obrigada por mais uma aula, mestre!!
depoimento de Tdah, consegui montar a logica pra mim é a parte mais dificil, porque eu me disperso fácil. depois foi so adicionar uns trem que Guanabara adicionou e ficou show.
Fiz um bootcamp e nao aprendi como aqui os fundamentos do JS!
Dankeschön!
Pra quem quiser dar uma melhorada na parte visual da tabuada, deixo meus códigos que adicionei no documento CSS:
body {
background: rgba(111, 1, 255, 0.39);
font: normal 15pt Arial;
}
header {
text-align: center;
}
section {
background: white;
border-radius: 15px;
padding: 10px;
width: 500px;
margin: auto;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.473);
}
div {
text-align: justify;
}
p {
text-align: center;
}
#seltab {
text-align: center;
border: none;
overflow: hidden;
margin-left: 175px;
}
option {
padding: 15px;
}
footer {
text-align: center;
font-style: italic;
}
body {
background: rgba(111, 1, 255, 0.39);
font: normal 15pt Arial;
}
header {
text-align: center;
}
section {
background: white;
border-radius: 15px;
padding: 10px;
width: 500px;
margin: auto;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.473);
}
div {
text-align: justify;
}
p {
text-align: center;
}
#seltab {
text-align: center;
border: none;
overflow: hidden;
margin-left: 175px;
}
option {
padding: 15px;
}
footer {
text-align: center;
font-style: italic;
}
boa tarde vc ainda estuda programaçao ?
@@spkff6287 Sim
ficou maneirim
Minha function ficou super compacta, deu até orgulho:
function calculo() {
var tnum = document.getElementById('txtnum')
var num = Number(tnum.value)
var tabuada = ''
for(var count=1; count
Me esforcei nesse exercício e consegui fazê-lo, no inicio achei que era muito difícil, mas depois de pensar e ler as anotações consegui.
Esse cara é top. Digno de Teacher's Prize!!! Qualidade refinadissima
Galera, recomendo fazer com as outras repetições também (do while e for), assim vocês treinam todas!
Todas elas no fim levam ao mesmo resultado. Eu gosto mais da for, acho a mais simplezinha e só pega 1 linha do código.
Fiz um pouco diferente, mas funcionou 100%.
Como não sabia utilizar a tag select do html, fiz com uma div mesmo. Ao assistir a aula, vi que poderia ter resumido ainda mais o código. Mas o que eu fiz inicialmente ficou assim:
function gerar() {
var numero = document.getElementById('numero')
var res = document.getElementById('res')
var multi = 1
res.innerHTML = " "
if (numero.value.length == 0) {
window.alert('Digite um número!')
} else {
var num = Number(numero.value)
for(c = multi;c
A única parte que eu não estava conseguindo era o atriburo size na tag select, mas no final deu tudo certo. Achei esse exercício bem mais fácil que o anterior.
Na versão que eu fiz antes der ver a resposta dele eu usei a tag com tamanho fixo (CSS) e escrita desabilitada no lugar da tag . O texto da tabuada foi colocado via JS com innerHTML mesmo.
Para complementar o meu aprendizado eu fiz aparecer na tela todas as tabuadas (+, -, x, /) e ainda coloquei o da divisão em 1 casa decimal. Show de bola esses conteúdos!
boa tarde vc ainda estuda programaçao ?
Para esconder a barra de rolagem do select e centraliza-lo faz isso aqui no CSS:
select {
overflow:hidden;
margin: 0 auto;
display: block;
}
Boa tarde professor, muito grato pelo curso agradeço a você e também a empresa google
sempre quis ter um tempo pra estudar na minha mente os conceitos eram muitos complexo o curso está mim ajudando muito obrigado
Quando fiz, usei um textarea no lugar de usar selection. Ficou mais interessante na minha opinião, mas entendo que usando um select abre mais possibilidades para a aplicação
Olá Professor, depois de assistir desafiei-me em fazer o exercício sozinho e consegui!!! Vejo que estou a evoluir! o que me tem ajudado é perceber os passos de cada código!
Abraço a toda gente!
boa tarde vc ainda estuda programaçao ?
boa tarde vc ainda estuda programaçao ??
Esse método Create Element mostrou muita ultilidade, show!
Eu tentei de tudo quanto é jeito fazer esse Select funcionar mas não consegui, coloquei tudo dentro da própria DIV mesmo mas o funcionamento tava certo, incluindo o tratamento de erro(limpando a div toda vez que entrasse outra tabuada nova).
Mas graças a esse CreateElement() é que tudo foi possível, já que ele só preenche o select no momento da execução da Função.
Fiz uma tabuada personalizada que você pode escolher o número inicial e final, mas ele gera em um
css - estilizando o optin
div select {
padding: 20px;
width: 250px;
background-color: #ffffff;
border-radius: 5%;
overflow: hidden;
text-align: center;
font-size: 12pt;
}
Eu fiz com o o script ficou dessa forma:
document.getElementById('btn').addEventListener('click', tabuada)
function tabuada(){
let num = document.getElementById('txtn').value
if (num == ''){
alert('[ERRO] Preencha o campo número.')
}
else{
document.getElementById('txtresp').value = ''
for (let c = 1; c
Muito obrigado! Seu código me ajudou mto a encontrar meus erros.
Esse eu consegui com mais facilidade e sozinho.
Inclusive inclui um Switch, que a partir de um select com a opção de tipo de calculo: Soma, subtraçao, divisão e multiplicação
ele aprasenta o cáculo referente a escolha.
A única correção que fiz, foi em relação a validação, mais para melhorar. Pois minha solução só considerava números positivos, então corrigi para a forma do professor e agora aceita números negativos para realizar o cálculo,
Eu consegui as 2, mas essa me quebrou com o negocio de "limpar" os options, kkkkk descobri q era literalmente innerHTML = ' ', bateu tristeza.
Essa idéia 💡 de fazer junto e depois fazer sem olhar é o que está me ajudando a gravar 📌 bem o conteúdo das aulas📓.
Minha dica, é, depois de assistir o vídeo e fazer junto, espere algumas horas ⏲ pra executar sozinho sem consulta.
Verdade. Eu meti o louco e resolvi fazer tabuada de menos, mais e vezes em três funções diferentes ao invés de alterar no código os sinais. Por enquanto me dei bem agr vou ver mais tarde ver se eu esqueço ou fica mais fácil
@@evanilsonp.9900 top, man!
Isso aí.
Outra forma de inserir elementos é:
resultado = document.getElementById("resultado");
resultado.insertAdjacentHTML("beforeend", `AQUI VOCÊ COLOCA O HTML PARA INSERIR`);
.
Recomendo pesquisar sobre o "insertAdjacentHTML()" é muito útil e simples.
vou salvar aqui
Não conhecia o do HTML. Depois de estudá-lo, resolvi criar as estaticamente e atualizá-las usando document.getElementsByTag('option'). Mas achei interessante (e importante !!!) a criação dinâmica das .
Você criou o select e o option pelo HTML? Tentei criar mais ainda não consegui. Queria aprender a fazer por lá tbm.
Pessoal, resolvi sem criar os elementos 'option' pelo JS, criando diretamente no HTML. Escondi também a tabuada ao carregar a página e, ao clicar no botão "gerar tabuada", a lista é mostrada. Segue o código em JS:
function tabuada(){
var num = Number(document.querySelector('input#numero').value)
var tabres = Number('')
var tabitem = document.getElementsByClassName('tab-class')
var tablist = document.querySelector('div#tabuada')
tablist.style.display = 'block'
tablist.text = ''
for (var c = 0; c
Logo após resolver esse ex junto com o professor, decidi criar um programa do zero sem o auxílio de nada nem ninguém. Como sou iniciante, pensei em escrever um programa que lê as notas dos dois semestres de uma pessoa na escola e a devolve sua média, juntamente com o resultado: Aprovado ou Reprovado? Para isso, usei a linguagem JS e as tecnologias HTML e CSS (SOU INICIANTE EM ABSOLUTAMENTE TODAS!) Abaixo vou deixar meu desenvolvimento em cada uma dessas partes, apenas para interagir haha!
HTML:
Média Escolar
Aprovado ou Reprovado!?
Sabendo que a média para ser APROVADO é igual a 7 de 10...
Digite sua nota do 1º semestre:
Digite sua nota do 2º semestre:
Resultado:
© CursoemVídeo
CSS:
body {
background: rgb(70, 142, 236);
font: normal 15pt Arial;
}
header {
color:yellow;
text-align: center;
}
section {
background: white;
border-radius: 30px;
padding: 15px;
width: 500px;
margin: auto;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.363);
text-align: center;
}
#txtn1 {
width: 80px;
}
#txtn2 {
width: 80px;
}
footer {
color: white;
text-align: center;
font-style: italic;
}
JS:
var nota1 = window.document.getElementById('txtn1')
var nota2 = window.document.getElementById('txtn2')
var média = window.document.getElementById('res')
function calcular() {
n1 = Number(nota1.value)
n2 = Number(nota2.value)
if (nota1.value.length == 0 || nota2.value.length == 0 || n1 > 10 || n2 > 10) {
window.alert('[ERRO] Há valores errados e/ou faltando, por favor os digite novamente!')
média.innerHTML = ''
} else {
var soma = `${n1 + n2}`
var m = `${soma / 2}`
média.innerHTML = ''
média.innerHTML += `\u{1F447} Nota 1º semestre: ${n1}
Nota 2º semestre: ${n2}
SUA MÉDIA FINAL EQUIVALE A ${m}!`
if (m >= 7) {
média.innerHTML += `Parabéns, você foi APROVADO! \u{1F44F}`
} else {
média.innerHTML += `Que pena, você foi REPROVADO! \u{1F615}`
}
}
}
*MAIS PRA FRENTE, PRETENDO ALTERAR E DEIXAR ESSE PROGRAMA COM MAIS FUNÇÕES E MAIS COMPLEXOS, COMO POR EXEMPLO PERGUNTAR COMO FUNCIONA A ESCOLA/FACULDADE DA PESSOA (BIMESTRE, TRIMESTR, SEMESTRE...) E A PARTIR DISSO APRESENTAR OPÇÕES ETC.*
*ISSO FOI O QUE CONSEGUI FAZER TENDO COMO CONTEÚDO O CURSO ATÉ SUA AULA 14, E SOZINHO! ATÉ QUE FIQUEI SATISFEITO KKK*
Como você está depois de dois anos desse comentário?
Eu não consegui pensar em como usar o while, mas descobri um forma de não precisar limpar a tábuada...
De forma resumida, adicionei a tag (value) com valor "0" no input da barra de digitação. Assim toda vez que iniciar começará com 0.
/*Digitação numérica*/
/*Botão*/
Fiz uma pequena modificação no sistema é funcionou ...
Coloquei mais um input de number, E coloquei além de selecionar o número multiplicador coloquei para selecionar até onde a pessoa quer que vá a multiplicação...
Ex:
input 1 = 1 ( Número Multiplicador )
input 2 = 50 ( Número Max. de Multiplicador )
1 x 1 = 1
1 x 2 = 2
1 x 3 = 3
1 x 4 = 4
1 x 5 = 5.....
ele ira ate o 50 \/
1 x 50 = 50
e coloquei também para o usuário escolher o operador matemático ( + , - , * ou / )
Pena que o youtube não deixa enviar imagem para eu mostrar um print.
Eu tinha feito e funcionou mas não tava igual a questão de usar o select e option, eu havia usado . Mas muito bom as aulas. Espero conseguir, é um sonho de anos
dps vou revisar o curso , nem acredito q so fiz o basico de um exercicio tao facil
boa tarde vc ainda estuda programaçao ?
Galera, como o professor fez, não consegui incluir o option, porém verifiquei pelo W3School, fiz as modificações e funcionou. Eu uso let no lugar do var e altero o nome de algumas variáveis, mas acho que da pra ter uma noção das modificações.
while (c
Curso excelente. Guanabara cada vez que passa aumenta a qualidade dos cursos. Valeu Guanabara e equipe!
Cara, a primeira vez que vi esse exercício, achei super difícil, alguns dias depois de revisar o assunto consegui entender bem melhor condições e repetições, fiz esse exercício em menos de 5 min
boa tarde vc ainda estuda programaçao ?
boa tarde vc ainda estuda programaçao ??
@@spkff6287 Sim mas agora estou me dedicando ao Java e SQL.
O professor colocou aquele texto pra ficar mais bonito, porém ficou feio do mesmo jeito, dá pra esconder aquela caixa toda assim..
//Coloque no index html o size inicial de 1
//Declare uma variavel selecionando o id do
let divtab = document.querySelector("#seltab")
//Chame antes do while esta variável mudando o tamanho.
divtab.size = "10"
Assim o tamanho vai ficar em 10 somente quando você colocar para Gerar a tabuada.
Estava com preguiça de fazer, más quando parei de procrastinar concluí bem rápido.
Comentando meu código antes de ver a resolução, apenas para efeitos de backup. Após ver a aula vou ver possíveis mudanças. Ficou meio grande, mas funciona kkkk
function multiplicar(){
var n = document.getElementById("ntxt")
var res = document.querySelector(`div#res`)
var n1 = Number(n.value)
res.innerHTML = `Tabuada do numero ${n1}:
${n1} x 1= ${ n1*1}
${n1} x 2= ${ n1*2}
${n1} x 3= ${ n1*3}
${n1} x 4= ${ n1*4}
${n1} x 5= ${ n1*5}
${n1} x 6= ${ n1*6}
${n1} x 7= ${ n1*7}
${n1} x 8= ${ n1*8}
${n1} x 9= ${ n1*9}
${n1} x 10= ${ n1*10} `
}
boa tarde vc ainda estuda programaçao ??
Para descobrir se estou aprendendo fiz um pouco diferente, não usei select/option (o que precisei mudar de text para innerText) e sim div comum e o for:
for(c=1; c
Trabalho com automação estou entrando no mundo do alto nível. Muito bommmmmm
boa tarde vc ainda estuda programaçao ?
@@spkff6287 sim
Vou tatuar GUANABARAFUCKBESTPROFEVER
kkkk
Esse cara e' um monstro!
Ensinou FACILMENTE coisas que nos sofreriamos nas maos de outro Prof.!
OBRIGADO!
No lugar de criar uma cariável para option eu fiz assim:
var n = num.valueAsNumber
for (c = 1; c
boa tarde vc ainda estuda programaçao ?
para quem o watch chrome nao funciona igual meu caso,
baixem a extensão live server no proprio vs code, ai vai em arquivo segunda opçao na tela superior na esquerda e clica la e ativa salvar automaticamente, dps vai no go live que fica na tela inferior lado direito clica la ele vai direto pro site e tem a msm função
A título de curiosidade, fiz um for e uma lista (ao inves do select):
for (let m = 0; m
boa tarde vc ainda estuda programaçao ?
Eu tentei resolver esse exercício antes, e acabei fazendo de outra forma, usando o componente , me pareceu mais simples a resolução para o mesmo problema:
function gerarTabuada(){
var textnum = document.getElementById('num')
var res = document.getElementById('res')
if (textnum.value.length == 0){
alert('[ERRO] Preencha o campo número!')
} else {
res.innerHTML = ' '
var n = Number(textnum.value)
for (var i = 1; i
Eu fiz desse jeito aqui: codepen.io/Vicente-Lima/pen/zQgPWq
@@VicenteBarth bacana vc colocou um scrool para ficar igual o textarea ou option ,achei que poderia usar um right no botão com um position absolute ficaria bacana tb ,gostei bastatnte do seu codigo
no
, faz que cada fileira fique uma em baixo da outra,ou pula linha tipo se não me engano esqueci o nome desse comando que é do javascript ou html
boa tarde vc ainda estuda programaçao ?
mano eu não sabia desse negocio de create elemente mas eu consegui fazendo:
res.innerHTML += ''+num+' x '+multi+' = '+resf+''
obs: res é a variavel que tem o select
fiz os exercícios, e o da tabuada quebre a cabeça legal. não ficou tão bonitinho quanto ao do Guanabara mas, funciona.
Tabuada 2.0
header {
padding: 10px;
text-align: center;
margin: auto;
width: 300px;
font: normal 30px Arial;
color: rgb(0, 0, 0);
}
section {
background: rgb(70, 70, 70);
font: normal 20pt Arial;
padding: 10px;
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
text-align: center;
margin: auto;
width: 500px;
height: 400px;
border-radius: 10px;
}
Tabuada
digite um numero:
var select0 = document.getElementById("b")
var x = window.document.getElementById("x")
var c = 0
var tabuadanum = window.document.getElementById("bi")
var opti0n = window.document.createElement("option")
var valor = tabuadanum
function clicar() {
if (valor.value == "") {
alert("Por favor, insira um número")
} else {
document.querySelector('select#b').innerHTML = ``
while(c
boa tarde vc ainda estuda programaçao ??
Eu não tinha entendido exatamente, como fazer, ví o vídeo e refiz o exercício porem fiz com o For pra garantir que eu tinha entendido a lógica, e não copiado o código apenas.
for (let c = 1;c
Você é o cara Prof Guanabara!! Muito obrigado por mais um curso excelente!!
boa tarde vc ainda estuda programaçao ?
@@spkff6287 Opa amigo, estou trabalhando na área no momento, engenheiro de software pleno.
Pessoal, pra quem não conseguiu fazer usando o createElement('option') que foi o meu caso, não desanimem, façam do outro jeito até vocês aprenderem HTML. Mesmo meu código estando igualzinho ao do professor Guanabara não funcionou, fiquei algumas horas martelando nisso e voltei no programa e fiz pelo modelo anterior, usando uma
function tabuada() {
var num = document.querySelector('input#txtn')
var res = document.getElementById('res')
if (num.value.length == 0) {
alert('Digite um número!')
} else {
var n = Number(num.value)
res.innerHTML = ' '
for(var c = 1; c
eu também faço igual ao dele e nunca da certo não sei qual é o problema
Então, esse é o primeiro q da erro cmg, mas pro pessoal que se frustra, é só manter a calma e ir fazendo do jeito que consegue.
@@loobzpoop5128 a sintaxe deeve ter mudado , olha no w3school o jeito que aplica é outro
essa solução resolve o option .
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
Eu fiz uma formatação simples em css para deixar um pouco mais 'bonito' o código,pra quem quiser é só ir no arquivo estilo.css e digitar:
select#seltab{
width:500px ;
text-align: center;
}
vlw ficou bom msm
Fiz utilizando o for() segue abaixo pra quem quiser dar uma olhada:
function gerar(){
var num = window.document.getElementById('txtn')
var tab = window.document.getElementById('seltab')
if(num.value.length == 0) { //verifica se a caixa de texto do número está sem nada
window.alert('Digite um número!') // informa se ela estiver sem nada
}else{
var n = Number(num.value)// a variavel n recebe a variavel num convertida em valor númerico
tab.innerHTML ="" // limpa a tabuada sempre que for começar outra
for(c=0 ;c
Eu fiz de uma forma diferente não utilizei select, eu peguei a div e definir valores como width, height, border e um overflow: scroll, aí colocava um res.innerHTML += `${n} * ${i} = ${multi}`.
Para quem quiser da uma olhada: codepen.io/Vicente-Lima/pen/zQgPWq
Ficou bem maneiro
Eu fiz o curso de Python e nossa, muito fácil.
Mas notei também que o curso de Python foi mais aprofundado nos detalhes e com mais exercícios.
Entendo que esse foi feito para ser postado completo e por isso fizeram mais rápido, mas senti falta da mesma atenção que foi dada no curso de Python.
Show, querendo ou não boa parte do curso é necessário ter uma base boa em Html e CSS, mas conseguiu completar bem. Valeu.
boa tarde vc ainda estuda programaçao ??
@@spkff6287 estudo sim, já até faço um estágio na área
fiz meu html diferente kkk pensei q n era uma opcao no comeco e sim um tipo de label, entao usei label de um optgroup e dpois removi. (obs tive pesquisar essas coisas todas pra aprender kkk pq nt ava no curso ainda, mas é muito bom aprender por conta propia :)
Tabuada
Número:
© Curso em Video/p>
uma dica para que fez com 'WHILLE' faz de novo usando ' FOR' a pratica leva a perfeição
boa tarde vc ainda estuda programaçao ?
É uma pena que muitos ainda ignoraram a parte dos exercícios nesse curso, mas parabéns para aqueles que persistem e tem coragem de se testar!
eu tinha assitido o curso em 3 semanas e so na ultima aula percebi que tinha exercícios, voltei atras e to fazendo. achei o ultimo mais facil que esse não sei por que
@@marciofelipe3618 te entendo, eu mesmo comecei o curso por uma playlist de fora e os exercícios não estavam inclusos, mas a partir da aula 05 encontrei o conteúdo completo...
usei um += em p dentro da div de resposta e usei uma variavel pra reset
function calcular(){
var num = Number(document.querySelector('input#entrada').value)
var saida = document.querySelector('p#saida')
var contador = 1
if (entrada.value.length == 0){
alert('Mano, tu só precisa por um numero, vamo lá!')
}
saida.innerHTML = ''
while (contador
Caramba! Escreveu tão pouco o Guanabara, eu tive que colocar os options em um Array, mas aí tava dando o problema de não apagar os options anteriores, então passei pra algo mais manual criando options dentro do select e deu certo, quem diria que o único problema é um fucking tab.innerHtml =" ".
Abaixo seguem os códigos que fiz:
DA MANEIRA DINÂMICA:
function tabuada() {
let selec = document.getElementById('tabuada')
var numero = document.getElementById('numeros')
var sec = document.getElementById('secao')
var numeros = document.getElementById('numeros')
var n = Number(numeros.value)
c=1
var opcao = []
selec.innerHTML = ""
do {
if (numero.value.length == 0) {
alert ("Preencha os dados com um número")
break;
}else {
sec.style.height = '300px'
}
opcao[c] = document.createElement('option')
opcao[c].setAttribute("value",c)
let mult = n * c
opcao[c].innerHTML = ` ${n} x ${c} = ${mult}`
selec.appendChild(opcao[c])
c++
}while (c
O meu fiz com tabela, criando e pelo javascript, tá nesse link pra quem quiser ver >> alex-francisco.github.io/Exercicio_JS-Tabuada/
Fiz a minha solução usando o conceito de função para determinar a cor de fundo dos objetos de acordo com o ID, fiz também uma melhoria para gerar não só os 10 primeiros termos, mais sim a quantidade de termos desejados, caso não seja informado a quantidade de termos o programa exibe os 10 primeiros.
Código abaixo.....
//Função para pintar a cor de fundo de acorodo com o objeto selecionado e a cor de fundo desejada
function cordefundo (id, corfundo = 'white'){
var id, fundo
id.style.background = corfundo
}
//Função para gerar a tabuada dos 10 primeiros termos
function tabuada(){
var numero = document.getElementById('txtnum')
var num = Number(numero.value)
var tabuada = document.getElementById('seltab')
var item = document.createElement('option')
var termo = document.getElementById('txttermo')
var termos = Number(termo.value)
cordefundo(numero, 'white')
if (numero.value ==''){
alert('Informe um número no campo destacado')
cordefundo(numero,'rgb(255, 176, 176)')
tabuada.innerText = ''
item = document.createElement('option')
item.text = 'Informe um número para exibir a Tabuada'
tabuada.appendChild(item)
}else{
if (termos
Muito bom exercício, ao invés de limpar o conteúdo da tag select toda vez que o usuário clicar no botão, eu optei por apenas substituir os valores das tags option pelos valores da tabuada, ficou assim:
var select = document.querySelector('#tabuada');
for (let i=1; i
boa tarde vc ainda estuda programaçao ?
usando o for ficaria mais fácil, pois nao daria tanta volta. Também poderia ser usado o parseInt que diminuiria o número de variáveis, deixando o código mais limpo, mas da mesma forma esse ensinou bastante!
boa tarde vc ainda estuda programaçao ?
Só eu que acho q vai ser moleza, travo no meio e tenho que ver a solução? kkkk - Treinar é tudoooo!
boa tarde vc ainda estuda programaçao ?
@@spkff6287 e tu ainda estuda ????
@@guilhermereis4722 estudo estou fazendo um curso de densevolvimento de sistemas que e back end e front end
Oi, queria so mostrar minha solução aq, eu fiz com a função for ao inves de while:
function tabuada(){
let num = document.querySelector('input#num')
let res = document.getElementById('tabn')
if(num.value.length == 0){
window.alert(`[ERRO] por favor digite um número`)
}else{
let n = Number(num.value)
for(let c = 1; c
Valeu, amigo! Tava fazendo com for também e não sabia dessas funções, me salvou!
CONSEGUI A FAZER A TABUADA . SÓ QUE AO INVÉS DE COLOCAR OS NUMERO NO "SELECT" COLOQUEI DENTRO DE UM "TEXTAREA"
Mas ta dificil de conseguir guarda esses código meu Deus kkkkk
Vlw guanabara, te me ajudando demais .
Mostra alguns videos usando o jquery e bootstrap só pra da um palhinha
Nossa, eu fiz de um jeito diferente. Em vez de usar o document.createElement, eu usei o document.innerHTML e dentro das crases eu concatenei as tags html, colocando ` ${multiplo} X ${c} = ${resultadoSoma}`. Funcionou, mas a solução professor é mais elegante.
Tô viciado no curso. É muito show. Obrigado pelo curso Guanabara.
boa tarde vc ainda estuda programaçao ?
Todos os exercicios eu tento fazer antes , confesso que esse de implementar as options nos select pelo DOM eu tomei uma baita surra kkk mas deu certo, de longe foi oque me deu mais trabalho, nao estava achando na documentação nem nos tutoriais exemplos claros, eu estava errando no res.appendChild(opt)... que surra kkk
eu acho que seria melhor ele explicar antes, adicionar informações em meio ao exercício me deixou muito confuso.
Consegui fazer quase tudo, menos a parte de criar a lista, mas consegui todo o resto até exibir o resultado de maneira diferente.
10:59 "Isso aqui pro JavaScript não faz tanto sentido..." pra mim também não fez sentido kk
kkkkkkkkkkkkkkkkkkkkkkkk
eu tmb n entendi nadinha nessa parte kkkkk
tbm não entendi nadica de nada @Thiago silva
Eu tive que deixar sem isso, pois o código bugou nessa parte... minha cabeça também... kkkkkkkkk
clica lá e inspeciona elemento
Eu fiz assim: selectTabuada.options[selectTabuada.options.length] = new Option(tabuadaOption, i) para criar o option
Consegui desenrolar bem, mas o que eu não fiz foi achar esse input select, ent fiz com outro
//HTML
Tabuada
Tabuada
Insira o número que irá aparecer a tabuada:
Número:
Resultado
@AdrielRod - GitHub
//CSS
@charset "UTF-8";
*{
font-family: sans-serif;
transition: all 0.4s;
}
body{
background-color: rgb(133, 191, 211);
}
header > h1{
color: white;
text-align: center;
}
header > p{
text-align: center;
}
footer{
background-color: rgb(133, 191, 211);
text-align: center;
}
section{
width: 86vw;
background-color: white;
height: 200px;
display: flex;
justify-content: space-between;
margin: 0 auto;
border-radius: 7px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.363);
}
#ientrada{
width: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 14px;
background-color: rgba(189, 188, 188, 0.295);
}
#isaida{
width: 50%;
}
#isaida > p{
text-align: center;
}
#inumero{
align-content: center;
width: 50px;
height: 13px;
}
#ibutton{
height: 20px;
margin-left: 10px;
}
@media screen and (width > 979px)
{
section{
width: 60vw;
transition: all 0.4s;
}
}
//JS
function tabuada()
{
var numero = Number(document.getElementById("inumero").value)
var res = document.getElementById("ires")
var sessao = document.getElementById("container")
res.innerHTML = ""
for (var cont = 0; cont
Fiz usando o for e foi lindo! haha
Olá 🦗! Ficamos muito felizes em saber que você conseguiu resolver o exercício e que ficou satisfeito com o resultado! Continue assim, praticando e explorando cada vez mais a programação. Parabéns! 😄 Considere ser um Estudonauta ou Aluno Apoiador no site do Curso em Vídeo. 🖖
O meu eu fiz diferente, ao invés de usar o select eu usei um elemento chamado textarea!
Ficou assim 👇
Modelo
body{
font: normal 20px Arial;
color: white;
text-align: center;
background-color: rgb(0, 195, 255);
}
section{
width: 500px;
height: 300px auto;
margin: 10% auto;
margin-top: 0%;
margin-bottom: 0%;
padding: 25px;
padding-bottom: 10px;
color: black;
background-color: white;
border-radius: 15px; /*Esse comando deixa a borda redonda*/
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.438); /*Esse comando coloca sombra na borda*/
text-align: left;
}
textarea{
width: 170px;
resize: none;
}
Tabuada
Número Gerar Tabuada
Digite um número acima
© CursoemVídeo
function clicar(){
var num = document.getElementById('num').value
num = Number(num)
num2 = num
var multi = 1
var quadro = document.getElementById('quadro')
quadro.style.width = '120px'
quadro.innerHTML = ''
for(multi; multi
Não entendo muito de HTML, logo fui para pesquisa no starflow.
cheguei a esse resultado:
function tabuada() {
let num = document.getElementById('txtn')
let res = document.getElementById('res')
if (num.value.length == 0){
alert('[ERRO] Não foi digitado numero!')
} else {
let n1 = Number(num.value)
res.innerHTML =''//renovar a tabela
for(let n = 1; n
boa tarde vc ainda estuda programaçao ??
O Naruto pode ser um pouco duro as vezes, talvez você não saiba disso, mas o Naruto também cresceu sem pai. Na verdade ele nunca conheceu nenhum de seus pais, e nunca teve nenhum amigo em nossa aldeia. Mesmo assim eu nunca vi ele chorar, ficar zangado ou se dar por vencido, ele está sempre disposto a melhorar, ele quer ser respeitado, é o sonho dele e o Naruto daria a vida por isso sem hesitar. Meu palpite é que ele se cansou de chorar e decidiu fazer alguma coisa a respeito!
Consegui fazer esse exercicio numa boa, a unica diferença é que eu coloquei o resultado da tabuada dentro de um textarea, porem meu js ficou diferente tambem:
function tabuada(){
var tabuada
var numero = document.getElementById('txtnumber').value
var resultado = document.getElementById('txttabuada')
resultado.innerHTML = ''
if(numero.length === 0){
window.alert('Por favor, digite um número!')
return
}
for(var c = 0; c
kkkkk esse eu fiz de uma forma uns 80% diferente, primeiro que usei "for" segundo que ao invés de usar select, criei um bg na div reduzi as margens e criei um overflow, resumindo ao invés de usar JS e HTML acabei tendo que aprender um pouco de CSS XD, mas está rodando perfeitamente igual no vídeo
Gente, eu sou super novato em programação e fico meio bolado pq o VScode não mostra alguns erros de sintaxe...
Por exemplo, eu tava SOFRENDO pq na parte da linha de código:
item.text = `${num} x ${c} = ${num*c}`
eu estava colocando TXT ai invés de TEXT e não tava achando o erro de jeito nenhum!
Beleza que o console do navegador até aponta, mas tbm nao diz exatamente o erro.
VocÊs tbm sofrem com isso ou eu que sou especial?
todo mundo sofre com essa porra, no c# ele aponta erro até de lógica, to sofrendo com js kk
@@sergiolc_ mano, usa uma extensão do VSCode chamada (Error Lens) se tiver algum erro de sintaxe vai falar
mano, usa uma extensão do VSCode chamada (Error Lens) se tiver algum erro de sintaxe vai falar
@@sergiolc_ é até que bom ksksks por exemplo:
function gerar(){
var nome = doucument,getElementById('nome')
}
Se observou bem, além da palavra documente estar errada, tem uma virgula no lugar de ponto, a extensão vai falar tipo: EXPRESSÃO ESPERADA ' . '
@@sergiolc_ Mas também tem a opção de vc usar o inspecionar do google