Como Criar uma SIMPLES CALCULADORA com HTML, CSS e JAVASCRIPT

Подписаться 38 тыс.

Просмотров 243 тыс.

50% 1

Repositório GitHub: github.com/Gutoneitzke/calcul...
Nosso curso de HTML e CSS: neitzkeacademy.com
eBook Introdução ao Desenvolvimento Web: pay.kiwify.com.br/9OKIZc1
Olá pessoal, na aula de hoje vou ensinar a criar uma simples calculadora com HTML, CSS e JAVASCRIPT
Por mais que seja uma simples calculadora ela abrange uma lógica muito legal ;)
Gostou desse vídeo ? Então acesse: ru-vid.com?sub...
✅ SOBRE O CANAL:
Esse canal foi criado com o objetivo de compartilhar conteúdos sobre tecnologia, programação, viagens, marketing digital e diversas experiências.
🔴 REDES SOCIAIS:
Instagram: @gutoneitzke
Facebook: Gustavo Neitzke
📍 Playlists do canal:
Curso de PHP: • Curso de PHP7 do iníci...
Curso Banco De Dados: • Curso Banco de Dados 2020
Assunto de programador: • Assunto de programador
Curso de JavaScript: • JavaScript básico
Vlogs: • Vlogs
✔️ CONTATO: contato.gutoneitzke@gmail.com
#GustavoNeitzke

Наука

Опубликовано:

31 янв 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 810

@GustavoNeitzke 3 года назад

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 2 года назад

Fiz de uma forma um pouco diferente.

@micaelsantos3704 2 года назад

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 2 года назад

Mas cara parabéns seu canal me ajuda bastante

@leandromansur469 2 года назад

eu tb fiz um pouco diferente, alias bem diferente

@rodrigosandri9094 2 года назад

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

@brunomaus7793 3 года назад

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 3 года назад

@GustavoNeitzke 3 года назад

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

@luizrc4409 3 года назад

@Thom.Zille. 3 года назад

Mas ele utiliza o * no código

@_coelhoella 2 года назад

perfeitooooooooooooo, obrigada!!

@renatooliveira8248 2 года назад

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

@GustavoNeitzke 2 года назад

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

@LuisEduardo-ik3ex 2 года назад

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 2 года назад

hehheheh esse EVAL ajuda muito 😃🚀

@Anderson-ll8fn 2 года назад

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 2 года назад

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

@Alex-yl4ps 2 года назад

@@Leitemcs kkkk nuss

@Alex-yl4ps 2 года назад

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

@gustavomota403 Год назад

Para resolver o problema dos numeros saindo da calculadora é só colocar overflow:hidden no CSS #resultado{ overflow : hidden }

@GustavoNeitzke Год назад

Exato Gustavão! Temos um vídeo mostrando como resolver esse problema: Aprenda como trabalhar com OVERFLOW e WEBKIT ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-6Pem4FcvL2A.html

@Ed_trashh 3 месяца назад

Me ajudou, obrigado!

@genuinobrasileiro 2 года назад

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!

@ramonfelipe1824 3 месяца назад

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

@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 2 месяца назад

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

@herculessouza9546 2 года назад

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

@pedrolucasazevedo5897 2 года назад

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 2 года назад

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

@isaque5811 4 месяца назад

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

@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 4 месяца назад

Vlw pela dica mn

@gustavohenriques9256 2 месяца назад

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

@Shonx_ 2 месяца назад

Você é foda Irmão!

@JimAlbuquerque 3 года назад

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

@GustavoNeitzke 3 года назад

heheheh show de bola Jimmy!! Muito obrigado 😃👍

@brunnoDev 2 года назад

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.

@Ezequiel.borges 2 года назад

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.

@xxplayeronexx1369 8 месяцев назад

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

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

@giulliacordeiro6010 8 месяцев назад

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!

@danielguitta Год назад

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

@anitamighel 2 года назад

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

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

@nelchileno Год назад

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

@theeericasantos28 11 месяцев назад

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

@gustavotorres350 Год назад

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

@viniciussiqueira9121 2 года назад

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

@ojl1003 8 месяцев назад

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

@GAbrielRMGabrielRMedina Год назад

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

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

@umprogramador2022 Год назад

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

@WesleyEVO Год назад

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

@marcusribeiro5759 Год назад

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

@nivaldojunior7468 Год назад

Obrigado Gustavo por seu conteúdo, tem me ajudado bastante!!

@douglasalves9121 Год назад

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

@p.enrico Год назад

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

@carti3811 2 года назад

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

@joseaires6016 Год назад

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

@rodolformartins Месяц назад

Podemos usar isso aqui, caso estiver dando erro para inserir o caractere < < Essa sequencia de caraceteres é uma entidade do html.

@leozinF9 Год назад

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

@mcmemel Год назад

fiz hoje, me ajudou bastante agregando conhecimento. obrigada!!

@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

@leandroalvesdasilva8415 2 года назад

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 2 года назад

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

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

@pedrosousaalves2054 9 месяцев назад

perfeito mano! dei inicio ao meu primeiro projeto graças a voce. continue assim.

@ronildofranciscodasilva 3 месяца назад

Parabens sua forma de ensinar é objetiva!

@LucianaSilva-bu6gn 10 месяцев назад

Adorei parabéns, consegui fazer minha primeira calculadora, explica muito bem ,parabéns ❤

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

@sergioroberto6898 Год назад

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

@nathaliakarine7715 Год назад

simplesmente ameiii, ficou ótimo e muito explicativo

@Maxnovais777 Год назад

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

@Shonx_ 2 месяца назад

Parabéns conteúdo pratico e bem didático!

@Eliabe1991 Год назад

parabéns, pra mim que está começando fiquei vidrado em como vc domina o Visual Studio.

@barataalbina2459 2 года назад

nao tenho palavras pra descrever a minha gratidao,obrigado!

@gustavocustodio9186 Год назад

Excelente aula para iniciantes. Obrigado por passar este conhecimento. Ganhou +1 inscrito!

@israelcarvalho3680 2 года назад

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 2 года назад

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

@classroom7514 2 года назад

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

@gessecosmo25 11 месяцев назад

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

@POLISHOPSW 2 года назад

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

@keisyf3390 3 года назад

Muito bom mesmo , Ficou demais.

@daltonmauri9313 2 года назад

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

@jhonbelmuth2084 2 года назад

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

@GustavoNeitzke 2 года назад

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

@KairoGomes1 3 месяца назад

otima didatica, obrigado pelos ensinamento passado! 🤟

@luciomaverick8950 Год назад

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

@andersondalgallo7683 2 года назад

Muito obrigado pela ajuda, Gustavo!

@marciotavaresdasilvatavare3176 3 месяца назад

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

@lau_dicas 10 месяцев назад

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

@infomarcostecnologia13 3 года назад

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 3 года назад

Muito obrigado amigo! ;)

@fabiosantos1741 Год назад

Parabéns pelo vídeo amigo, ficou muito bom.

@gilsonmelo2966 3 года назад

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 3 года назад

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

@joellisboa8020 11 месяцев назад

parabéns. muito bom. eu aprendi de uma outra maneira , ao invés de usar o inert html, eu usei uma função só com dois parâmetros e condicional if else

@vavatrewq1031 3 года назад

Muito obrigado, aprendi muito sobre o js que estou praticando e fazendo junto com você valeu.

@GustavoNeitzke 3 года назад

Fico super feliz com esses resultados! Sucesso 🚀🔝😃

@crisleinecandido9653 Год назад

Vou me inspirar no seu exemplo, Parabéns!

@humbertogouveia7961 2 года назад

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

@GustavoNeitzke 2 года назад

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

@natanael3638 Год назад

Muito bom cara , parabéns excelente conteúdo!

@gleyciannemaria4773 11 месяцев назад

Nossa muito legal seu video, aprendi bastante... !!! Agora vou praticar fazendo mais calculadoras para não esquecer...

@henryff6087 9 месяцев назад

Vlw ai irmão esse vídeo vai ajudar muito na minha carreira de programador

@Jhoicardoso 8 месяцев назад

Que video incrivel, obrigado Deus abençoe

@DersonMarinho 2 года назад

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 2 года назад

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

@mayaraperez8362 3 года назад

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 3 года назад

Valeuuu Mayara 😃👍

@iuregame9184 Год назад

Consequi fazer pelo celular ajudou muito 👏

@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

@JulioCesar-fb8br 2 года назад

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

@GustavoNeitzke 2 года назад

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

@lisianeneitzke6045 3 года назад

Parabéns, muito top 👏👏👏

@douglasfagundes8407 2 года назад

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

@GustavoNeitzke 2 года назад

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

@renatodamazio2523 Год назад

Parabéns pelo vídeo, muito bom mesmo!!! Só faltou tratar o ponto, pois, se digitar mais de uma vez, ele vai aceitar. Mas uma variável boleana resolve o problema...

@paolakossa Год назад

Adorei! Me ajudou muito! Muito obrigada!

@isaacduques4018 3 года назад

Ajudou muito irmão, sua explicação é impecável, vlw mesmo!

@GustavoNeitzke 3 года назад

Muitíssimo obrigado Isaac!! Sucesso 😀👍

@user-pd3yz3jt5v 11 месяцев назад

parabéns pela didática incrível 🎉❤

@bnre28 2 года назад

Adorei a aula e aprendi muito.

@cassiasantos6718 2 года назад

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 2 года назад

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

@warley486 Год назад

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

@GustavoNeitzke Год назад

Valeuuu Warley! 😃🚀

@Denis_Neves 2 года назад

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 2 года назад

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 🚀👊🏼

@HunterintheQ 2 года назад

Que aula maravilhosa! Parabéns pela didática.

@GustavoNeitzke 2 года назад

Muito obrigado Luana! Fico feliz em conseguir lhe ajudar, muito sucesso em sua carreira 🚀⚡️

@CarlosHenrique-mx9ti 2 года назад

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

@GustavoNeitzke 2 года назад

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

@matheusdejesus2980 Год назад

Nossa parabéns 👏🏾👏🏾

@gleitonbritotattoo1139 4 месяца назад

obrigado por acrescentar, valeu!

@luishenriqueinformatica20m75 2 года назад

Amei esse canal, valeu demais mano! 💪🏼😼

@jaildsonmorais3630 9 месяцев назад

obrigado pelo conhecimento! muito bem explicado o passo a passo, me ajudou bastante. parabéns pelo vídeo, to maratonando o canal kk

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