Como Criar uma SIMPLES CALCULADORA com HTML, CSS e JAVASCRIPT

[@GustavoNeitzke]

Pessoal! Criei um repositório no GitHub para essa calculadora que está se saindo muito bem... Aqui segue o link: github.com/Gutoneitzke/calculadora.git

[@micaelsantos3704]

Fiz de uma forma um pouco diferente.

[@micaelsantos3704]

Basicamente usei uma função com 2 parâmetros (tipo, valor), definindo em 2 grupos. Ação(com os símbolos) e valor(com os números). Usando a estrutura IF(tipo === 'ação'), então criando sub-IFs com suas condições comparativas dos símbolos e sua funcionalidade. Apenas no '=' usei a logica de buscar o valor da informação obtida transformar ela em número com uma função nativa (eval) e guardar em uma guardar na variável, para chamar o valor da tela recebendo a variável anterior.

[@micaelsantos3704]

Mas cara parabéns seu canal me ajuda bastante

[@leandromansur469]

eu tb fiz um pouco diferente, alias bem diferente

[@rodrigosandri9094]

Salve maninho, fiz do mesmo jeito que você porém no meu não tá pintando o fundo ali, você podia me ajudar?

[@brunomaus7793]

Caso nao estejam conseguindo fazer a operação de vezes("x") usem o asterisco("*") no lugar do x, neste caso ele identifica a operação..... Galera da UP pra ajudar mais gente ai

[@brunomaus7793]

up

[@GustavoNeitzke]

Isso aí Bruno! Essa é a forma correta de realizar a operação 🚀🔝👏🏼

[@luizrc4409]

up

[@Thom.Zille.]

Mas ele utiliza o * no código

[@_coelhoella]

perfeitooooooooooooo, obrigada!!

[@ramonfelipe1824]

Quero entrar na area de TI. Estou pelejando, mas Deus abençoe que chego lá. Você explicou de uma forma tão simples e descomplicada. Muito obrigado pela explicação. Me ajudou muito

[@genuinobrasileiro]

Gustavo, muito obrigado, comecei a brincar de programar com o BASIC em 1985... num TK95 e depois num MSX colorido, talvez vc nem saiba o que é isso rs. Depois parei porque a vida me levou para outro lado. Recentemente vi o VScode e tentei brincar um pouco de programação. Vi que os códigos mudaram muito, mas a lógica é a mesma... vendo essa sua aula, reparei que compreendo tudo, só tenho que me adaptar. Tenho 52 anos e estou adorando o VScode. Sua aula é muito boa, sem enrolação... Só tenho que me adaptar tbm ao vocabulário..." beleza, galera, show de bola... rs. obrigado e continue fazendo aulas assim. Já me inscrevi.

[@lzzymob]

show velhinho

[@genuinobrasileiro]

@@lzzymob 😂👴

[@cumbra3071]

Nossa aí você foi longe no msx e tk95, meu pai tinha um kk

[@gisellebrasilmacedo1846]

Também fiz o curso de Basic na mesma época! No MSX gostava de ficar jogando!

[@renatooliveira8248]

Parabéns! 37 minutos de aprendizado e muita pratica. São programadores como você que precisamos! Obrigado por tudo. Excelente exemplo!

[@GustavoNeitzke]

Muito obrigado pelo comentário Renato! Fico muito feliz em ler isso! Grande abraço 🚀⚡️

[@herculessouza9546]

Caraca mano muito do que aprendi em programação foi com seu pai, assitia muito conteúdo do teu pai na época da faculdade me ajudou muito, e agora vendo o legado continuando e muito massa... Parabéns e sucesso abraços ao mestre Neri

[@LuisEduardo-ik3ex]

Caramba, esse "EVAL" é incrível, tô aprendendo agora e na hora que ele chegou na parte do código dos cálculos jurei que iria ser gigante kkkk

[@GustavoNeitzke]

hehheheh esse EVAL ajuda muito 😃🚀

[@Anderson-ll8fn]

Maaano eu passei 2 dias pensando q conseguiria resolver o código pra conseguir calcular, vi o video o cara so mandou um eval q deu crtkkkkk

[@Leitemcs]

eu fiz sem o eval há um tempo, deu umas 100 linhas a mais kkkkkkkkkkkkkk

[@Alex-yl4ps]

@@Leitemcs kkkk nuss

[@Alex-yl4ps]

@@Leitemcs eu ia fazer a mesma coisa ainda bem que ele ensinou eval

[@R1ckzinho]

É incrível, a primeira vez que vi esse vídeo eu era leigo total e achei que nunca ia entender, mas depois de uns meses estudando já entendendo praticamente tudo do código:)

[@julianabrito7096]

Eu tô igual você no início kkkkkk tô começando agora

[@brunnoDev]

realmente vc ensina de uma forma pacifica animada e usa palavras simples em vez de muito tecnicas, isso fez vc ganhar mais um inscrito, parabéns pelo video. obrigado por transformar algo que para muitos é difícil se tornar simples.

[@JimAlbuquerque]

kkk, igualzinho ao pai, grande Neri já tem seu sucessor, acompanhei de perto nos primórdios do KZbin as vídeo aulas do seu pai e hoje acompanho o filho

[@GustavoNeitzke]

heheheh show de bola Jimmy!! Muito obrigado 😃👍

[@leandroalvesdasilva8415]

Na moral esse vídeo é o que eu acho que deveria ter de monte na plataforma, pq tem muito youtuber que só fica de enrolação e não ensina nada, só nesse vídeo tu ensinou várias coisas. Continue assim mano vlw.

[@GustavoNeitzke]

Caramba!! Muito obrigado Leandro! Muito sucesso e grande abraço 🚀😃

[@pedrolucasazevedo5897]

O vídeo tem 37 minutos, mais eu fiquei fazendo por 2 horas, por que eu fui pausando em cada parte, kkkkkkk. Excelente aula Gustavo, VALEU!!!

[@GustavoNeitzke]

hehehhe Show de bola Pedrão!! Valeuu 😃🚀

[@isaque5811]

Eu demorei 3h ☠, porém eu fiz sozinho após assistir o vídeo, tbm fiz com flexbox e estilizei bastante, é até compreensível a demora kkkk

[@Ezequiel.borges]

A melhor didática que eu ja vi ate agora na programação.Cara muito obrigado, comecei a estudar isso tem uma semana , nao estava entendendo nada, agora com seus videos consigo entender tudo que você ta ensinando.

[@israelcarvalho3680]

Aprendi mais nesse vídeo do que em centenas que vi por aí, muito boa a explicação, bem clara e colocando na pratica.

[@GustavoNeitzke]

Caramba Israel!! Muito obrigado, grande abraço e muito sucesso 😃🚀

[@AndriwRomeiro]

Três anos depois e ainda é um excelente video. Parabéns e obrigado! 👊🏻

[@cellku3442]

Muito obrigado, vim aqui pra pega a função de cálcular, tava na dúvida como fazer sem duas variáveis , bem mais simples que eu pensava, ainda me ajudou a deixar mais bonita a minha calculadora

[@xxplayeronexx1369]

eu adorei esse video pq diferentes de alguns outros que a gente vê pelo youtube, ele mostra o código sendo escrito ao vivo, linha por linha, e se der erro, ele ajeita na hora e explica oq q deu erro

[@alexandreduarte2868]

amei essa aula estou estudando html e css e ainda não entrei no javascript mais ja deu pra ter uma noção parabéns

[@rafinhavieira4820]

Muito bom vídeo! Saiu perfeitamente, ainda estou aprendendo JavaScript e vejo esses tutoriais pra conhecer cada vez mais e me desenvolver mais rápido. Obrigado!

[@danielguitta]

Cara sua didática tornou tudo simples e fácil. Show de bola parabéns e obrigado pelo conteúdo brother .

[@tiagocosta9271]

Estava procurando exercícios para praticar o JS e o seu vídeo me ajudou demais. Aula sensacional e didática excelente, muito obrigado!

[@Denis_Neves]

Parabéns Gustavo, conteúdo muito bem explicado, nunca havia programado CSS e Java, gostei muito, já o HTML tinha arranhado uma programação já mais de 20 anos, hoje está tudo mais prático. " o auto preenchimento do Visual contribui muito".

[@GustavoNeitzke]

Que showw Denis! Realmente o mundo está em constante evolução! E a tecnologia está muito em alta! Fico feliz em lhe ajudar… abração e muito sucesso 🚀👊🏼

[@marciotavaresdasilvatavare3176]

Depois de vários vídeo foi o único que eu entendi, obrigado por passar seu conhecimento valeu✌✌✌✌✌✌

[@Jezito-x8o]

ótima explicação

[@GustavoNeitzke]

Valeuuu Jean!! 🚀🚀

[@jhonbelmuth2084]

Obrigado pela aula, me salvou de um projeto da facul além de me ajudar a entender diversos conceitos!

[@GustavoNeitzke]

Opa João! Que belezaa, grande abraço 😃🚀

[@classroom7514]

meu primeiro projeto que deu certo do incio ao fim! LOL 🤣🤣 valeu, gustavo!! manda mais tutoriais assim! sucesso, mano!!

[@AnaClara-kw8iy]

Incrivel !!! video maravilhoso, seu geito de interagir e ensinar é muito top, melhor video que eu ja vi de programaçao na pratica continue assim !!!

[@giulliacordeiro6010]

Muito bom, fiz o projeto e depois usei para fazer várias alterações para aprender mais de css, html e javascript, além de servir para aumentar meu portifolio de estudos!

[@isaque5811]

Vc é de onde? Esse sotaque é muito bom de ouvir nml ksks. Graças a tu consegui aprender como fazer. Anotei a lógica de cada função do programa e métodos que eu não conhecia, como o eval(). Porém ao invés de table usei o flexbox mesmo e personalizei a calculadora pra ficar mais bem feita visualmente.

[@theeericasantos28]

Rapaz ,essa dica do eval foi genial ,já imaginei que teria que fazer uma sequencia enorme de if e else, aí o cara me mostra essa maravilha, explica muito bem, muito boa pra quem tá aprendendo óbvio que o código é bem simples

[@gilsonmelo2966]

Muito bom . eu estou iniciando meus estudos em programação e estou gostando muito, pois com conteúdo como o seu o aprendizado fica muito mais fácil.

[@GustavoNeitzke]

Muito obrigado Gilson! Fico feliz com seu feedback 😃👍🏼

[@vivopotencial-y9f]

Nunca programei na minha vida, e com esse vídeo consegui aprender muito! Vídeo excelente, com muito a se aprender!

[@GustavoNeitzke]

Valeuuu Vini!! 😃🚀

[@leonardodutra7325]

consegui terminar enfim kkk comecei sem saber javascript e pouco de HTML e CSS, com esse projeto adquiri bastante conhecimento thanks brow.

[@GustavoNeitzke]

Muito bem Leo!! Vai firme que essa área é fantástica!! Abração 🚀⚡️

[@tonyrene6816]

Irmão, cai de paraquedas aqui. MUITO OBRIGADO pelo conteúdo foi meu primeiro projeto e fiquei feliz a beça por realizar. Deus abençoe!

[@GustavoNeitzke]

Showww Tony! Fico feliz em conseguir contribui com conhecimentos! Grande abraço e muito sucesso para você 🚀🔥

[@CarlosHenrique-mx9ti]

Ta maluco, primeiro vídeo que assisto, +1 inscrito na hora, manda muito bem, obrigado.

[@GustavoNeitzke]

Muito obrigado Carlos!! Fico feliz em conseguir lhe ajudar de alguma maneira, muito sucesso e um grande abraço 🚀⚡️

[@luciomaverick8950]

Quem sabe faz ao vivo 👏🏻, errando e corrigindo. Muito top 👏🏻👏🏻👏🏻👏🏻🔥

[@gsouzar]

Cara, essa foi a unica que funciounou de verdade. Parabens...

[@GustavoNeitzke]

Valeuu Mundo Digital!! Fico feliz em conseguir lhe ajudar 😃🚀

[@sherman0646]

Essa função Eval salvou em, pensei que seria um monte de código, vlw mn, ajudou mt

[@GustavoNeitzke]

Verdade heheh! O Eval ajuda muito 🚀⚡️

[@PJosué-k3l]

Depois de ver esse vídeo , pude aprender muito mesmo vendo ele depois de 2 anos . Angola agradece mano

[@lau_dicas]

Muito bom! Parabéns pela aula, gostei muito 37 minutos mais bem gastos de hoje!

[@DersonMarinho]

obrigado por explicar com paciência, indicando para que serve cada comando, estou aprendendo sozinho e tenho dificuldade em certos tutorias, o seu eu entendi tudo sem nenhuma duvida.

[@GustavoNeitzke]

Show de bola Nine'9! Fico feliz em conseguir lhe ajudar, grande abraço e sucesso!! 🚀😃

[@WesleyEVO]

Sensacional meu nobre! Já virei fã, parabéns!

[@leozinF9]

Caraca mano, só te agradecer mesmo , passei o dia todo fazendo, mas consegui 🙏🏼👏🏻🥺

[@mayaraperez8362]

Explicação muito boa, consegui entender o porque de cada código!! Ganhou uma seguidora ❤️ faça mais vídeos assim você me ajudou muito.

[@GustavoNeitzke]

Valeuuu Mayara 😃👍

[@peresl.7026]

Maluco, tu é foda, ajudou de mais. tmj

[@birimbimbim5072]

amei teu conteudo e código vi outro vídeo que estava bem mais complexo mais dando o mesmo resultado! Continua q tu vai longe irmão +1 inscrito

[@GustavoNeitzke]

Que bacana!!! Valeuu dmaiss Bruno 👊🏼😃🚀📚

[@carti3811]

Muito bom cara! Consegui entender melhor algumas funções que eu n conseguia entender direito, muito obrigado🤙🤙

[@infomarcostecnologia13]

Show de bola Gustavo com isso podemos imprementar em nossos projetos só vamos aprender se pegarmos detalhes de outros tipos seus exemplos parabéns.

[@GustavoNeitzke]

Muito obrigado amigo! ;)

[@marcusribeiro5759]

Muito bom!!! Show!! Estou começando a aprender JavaScript!!! Obrigado por essa aula! Começando a seguir!! vlw!!

[@nelchileno]

Parabéns sua Didática é incrível, tudo muito claro.Muito Obrigado. Vc é muito Fera!!!

[@camilevitoria3601]

Não consigo acreditar que eu conseguiiiiiii, a minha não ficou tão bonita quanto a sua já que não consegui fazer o comando das bordas arredondadas e o onde vai o resultado ficou de fora a fora branco sem a borda.. Mas a funcionalidade e todo o resto deu muito certo !!! Estou encantada já que é minha primeira programação da vida e eu estou estudando a uns 4 dias apenas!! Muito obrigado , ganhou mais uma seguidora fiel!!!

[@GustavoNeitzke]

Que coisa boa Mile!! Fico super feliz em conseguir contribuir, muito sucesso para você 🚀😃

[@anitamighel]

Estou começando na programação agora e esse vídeo foi show para o meu aprendizado! 10/10

[@ojl1003]

Top, sensacional! Tudo na vida é treino e consistência! Um degrau de cada vez.

[@daltonmauri9313]

Cara todas as suas aulas são demais, se você soubesse o quanto vc me ajudou!!!!!! de novo, faz um grupo no telegran, e continua no JS, faz um mini projeto, online, junto com a gente, ajudando, como se simulasse algo da vida real, com alguma complexidade, logico, com banco e tdo mais, ajuda nóóóis Gustavo Neitzke

[@lucascardoso1789]

Balaaaaa mano, curti demais. Tava se matando pra fazer as contas com os valores dentro do resultado mas essa função eval salvou demais kkkk

[@carloshenriqueoliveirasilv9786]

ganho um inscrito novo gurizão mt bom ai funcionando tudo direito com bem dizer quase nada de codigo e mais uma pessoa entendendo melhor o js rs vlw pela ajuda mano....

[@GustavoNeitzke]

Showww Carlos!! Muito obrigado, fico super feliz com isso 🚀✅

[@NoKcSR]

Video simple e dinamico. Vim aqui porque quero começar na programação mas tenho medo de ser muito dificil kkk até que nem tanto

[@ronildofranciscodasilva]

Parabens sua forma de ensinar é objetiva!

[@BabyDesu]

nossa moço, muito obrigada pelo tutorial, eu tava muito afim de criar uma calculadora a muito tempo rs

[@caramelo5311]

caraaaaaa tu é 10 ksksskk explica muito bem, mais 1 inscrito, quero muito ser um programador, e eu só tenho 14 anos kskksks me inspiro muito em vc e em outras pessoas, muito obg de verdade

[@GustavoNeitzke]

Que showww Glaubber!! Fiquei muito feliz com seu comentário!! Muito sucesso na sua carreira 😀🤙

[@GAbrielRMGabrielRMedina]

Valeu demais pela disponibilização de conteúdo muito importante para quem está iniciando.

[@humbertogouveia7961]

Muuuito obrigado por compartilhar tanto conhecimento com tamanha qualidade! Sou Fã da família Neitzke! Esse Eval foi forte hein? Top demais!

[@GustavoNeitzke]

hehehheh valeuu Humberto!! Muito obrigado... esse EVAL é sensacional 🚀

[@carlosv7801]

Bem didático. Muito obrigado!

[@gabrielqueiroz5749]

parabens amigo! otimo video fiz a calculadora e deu certinho, errei varias vezes mas deu certo!

[@gabrielqueiroz5749]

demorei 10 dias pra fazer mas aprendi muita coisa!

[@navegador2]

Excelente, programador The Flash. Objetivo e sem enrolação. Quando tiver um tempo faça mais itens assim. Achei legal que você resume o código, eu vi em outros locais e vejo que você faz o mesmo resultado simplificando o código.

[@nerineitzke]

👏

[@GustavoNeitzke]

Valeuu Alvaro! Fico feliz em ajudar 😃👍

[@p.enrico]

vlw mano, que conteúdo fera, incentiva dms o aprendizado com esses projetos e tutoriais interessantes

[@jefersonbatiista]

Muito bom! meu primeiro JS +HTML E CSS

[@GustavoNeitzke]

Que massa Jef!! Primeiro de muitos hein hehehe Sucesso amigão 😃🚀

[@gustavotorres350]

Valeu mano... to estudando JS e teu video foi simples, objetivo e eficiente!

[@edsonramones]

irmão muito obrigado por esse video, estou começando programar agora e estou praticando exercitando o celebro com esses projetos em tão muuuuuuuito obrigado mesmo.

[@GustavoNeitzke]

Que beleza Wazap!! Muito sucesso em sua carreira! Muito obrigado 😀🚀

[@ronaldoprado9938]

Parabéns pela aula amigo, me ajudou muito!

[@Maxnovais777]

Vlw mano Graças ao seu vídeo eu melhorei meus códigos e tive melhoria na codagem 😍💜❤

[@viniciussiqueira9121]

Massa! Fazer exercícios assim animam mais na trajetória... VALEU!!

[@cintiamarins7174]

Muito obrigada por esse video! Consegui acompanhar e entender de maneira prática. Parabens! Sucesso!

[@lacasadelcell]

obrigado amigo, este video acompanhei varios dias ate conseguir fazer..... obrigado pela força

[@CarlosHenrique-qm5wg]

Além de ter me ajudado muito, seu sotaque me lembra um grande amigo, parabéns pelo vídeo e muito obrigado pela aula. Abraços!

[@warley486]

Excelente noite, Gustavo, obrigadaço, incrível sua aula.

[@GustavoNeitzke]

Valeuuu Warley! 😃🚀

[@hoggy_music]

Lindo mano, ficou perfeito, obrigado!! Mais um aluno!!

[@carlosguitslaff8775]

Cara sensacional... Faz mais tutoriais como este

[@Simon-ew8jv]

Irmão, tenho um tecnico aqui numa sede do Senai, você até agora explicou melhor que o meu professor que esta me dando aula há um mês, brigadão

[@GustavoNeitzke]

hehehe Valeuuu, fico feliz em conseguir lhe ajudar! Muito sucesso para você 🚀⚡️

[@douglasfagundes8407]

Muito bom mano , obrigado por compartilhar seus conhecimentos ,isso ajuda muito quem está iniciando como eu.

[@GustavoNeitzke]

Valeuu Douglas!! Feliz com seu comentário. Muito sucesso 😀🤙

[@devwallace]

Eu acho que poderia dar uma class para o table, e com essa class, usasse no css e em seguida colocar button.. Ex e no css colocasse .tabela button { } Em vez de dar class para cada button.

[@isaque5811]

Vlw pela dica mn

[@gustavohenriques9256]

IRMAO, TO VENDO ESSE VIDEO 3 ANOS DEPOIS, MAS VOCE É UMA LENDA PRA MIM, QUE DICA BOA

[@Shonx_]

Você é foda Irmão!

[@cassiasantos6718]

Super legal, já fiz a minha. Que vídeo ótimooooooo. Ajudou muito e entender a lógica e os passos para a construção!!!💯

[@GustavoNeitzke]

Que showww Cássia!! Muito sucesso e muito obrigado 😃🚀

[@eriveltonmatos3490]

Uma das melhores aulas aqui no youtube... Ganhou um inscrito!

[@GustavoNeitzke]

Valeuu amigo!! Fico muito feliz com seu feedback 😃🚀

[@Freg12345]

Show Gustavo vim buscar respostas de algumas dúvidas e curti o vídeo. Uma dica na semântica do símbolo '

[@loucospormmaoficial]

show

[@moniquenavarro4131]

Gurizao d ouro, fiz deu certinhos e vc é animal hahaha muito legal os seus vídeos, bahhhhhh, que ssuutaque fofo haha vlw ajudou de maiis.

[@victormelo9868]

Tb tô iniciando na programação e aqui o projeto deu certo. Só tive dois problemas com o "menos" e o "resultado", mas fiquei olhando um tempão e consegui ver os erros e consertar. kkkkk Obrigado pelo conteúdo.

[@ernestinacarneiro]

Eu não tô acreditando nisso ... Adorei

[@GustavoNeitzke]

Valeuuu Ernestina!! 😃🚀

[@JulioCesar-fb8br]

Sensacional , você explica de uma maneira muito simples e funcional...Parabéns!!!!!!

[@GustavoNeitzke]

Muito obrigado Júlio! Fico feliz com suas palavras e em conseguir lhe ajudar 👊🏼🚀

[@higorlokk]

Valew irmão, estou começando a aprender programação já fiz uns 3 modelos de calculadora e cada modelo é diferente um do outro kkk a sua forma aparenta ser mais facil, pois nao precisa ficar abrindo outros arquivos kkkkkk, valew mano, uma aula muito top !!!

[@GustavoNeitzke]

Coisa boaaa Lokk! Muito obrigado e muito sucesso 🚀🔥

[@douglasalves9121]

Parabéns Gustavo Neitzke, excelente conteúdo pude aprender muito.

[@joseaires6016]

muito boa a aula simples e de fácil entendimento, parabéns👏👏👍

[@Beatriz-xf9om]

Show de bola, uma ótima didática que você tem, sem enrolação porém com muito carisma!! Adorei! =)

[@GustavoNeitzke]

Muito obrigado Tws! Fico feliz em ajudar 😃🚀

[@wesleycosta8460]

Nunca estudei programação, já abri código HTML de sites só para incluir o pixel do Facebook no site da loja que eu tinha, e agora eu conseguir compreender como funciona a programação, achei muito top vou começar estudar programação e se Deus quiser vou conseguir me tornar um profissional na área. Vlw Gustavo, grande aula!

[@gessecosmo25]

Muito massa cara. Fiz e deu supercerto. Muito obg e parabéns. Ganhou um inscrito.

[@umprogramador2022]

Show de bola,bastante didádico! aprendi tranquilamente parabéns!!!

[@POLISHOPSW]

Parabéns, muito fácil de entender, sugiro refatorar o codigo ali no inicio fazendo um array e um laço

[@barataalbina2459]

nao tenho palavras pra descrever a minha gratidao,obrigado!

[@canalvideosgerais6259]

Agora sim vou poder falar: "deixa eu fazer a conta na minha calculadora" Excelente vídeo 👏

[@JoãoVictor-q7z1p]

Sensacional, muito conteúdo e explicado de forma que qualquer um consegue compreender. Só senti falta da "%" pensei em adicionar seguindo o mesmo passo a passo porém ficaria uma coluna e uma linha a mais e o quadrado correspondente da "%" ficaria isolado.

[@iuregame9184]

Consequi fazer pelo celular ajudou muito 👏