COMO FAZER UMA CALCULADORA • HTML, CSS E JAVASCRIPT

Поделиться
HTML-код
  • Опубликовано: 30 ноя 2024

Комментарии • 117

  • @Blade_ca120
    @Blade_ca120 Год назад +7

    Seus vídeos são excelentes.
    Mas você poderia explicar o trecho do código em: onclick="text1.value=eval(text1.value)" ?

  • @pichinel
    @pichinel 2 года назад +4

    Nossa, melhor tutorial que já vi sobre criar uma calculadora, super simples. Faz mais vídeos de tutorial!

  • @alicehelena8347
    @alicehelena8347 3 года назад +8

    ameeiii, você explica muito bem!! já vou implementar na minha aplicação, valeu mesmo. gostei de ver mais mulheres por aqui no RUclips, espero que você tenha bastante sucesso!

  • @walney2008
    @walney2008 2 года назад +2

    show, estou aprendendo javascript, html e css, gostaria de aprender criar um game de bingo para igrejas com geração de cartelas e sorteio, pode ensinar ?

  • @mariocunha3555
    @mariocunha3555 3 года назад +3

    Curti o vídeo. Ficou bem bonita a calculadora, mas faltou explicar o uso do eval( ) pra a operação matemática. E para fazer essa quebra de linha automática para visualizar melhor vc pode usar Alt+Z .

    • @techlycombr
      @techlycombr  3 года назад +1

      Opa, obrigada pelas dicas, Mário! Vou atentar para isso nos próximos tutoriais =)

    • @mariocunha3555
      @mariocunha3555 3 года назад

      @@techlycombr inclusive estou buscando uma alternativa ao uso do eval. 😁
      Esses vídeos com pequenos projetos são bem legais! 👍

  • @GabrielSilva-en7qe
    @GabrielSilva-en7qe 2 года назад +1

    Muito obrigado pelo conteúdo sensacional!
    Estou usando o Sublime o fato de você dividir os arquivos e mostrar dentro de cada um deles com o vs code, pra quem esta começando ajuda muitoooo. Parabéns!

  • @wilsoncaetano-ki6yf
    @wilsoncaetano-ki6yf 10 месяцев назад

    Adorei muito. Eu irei tentar,quem sabe!

  • @brunomarchis3084
    @brunomarchis3084 Год назад

    queria saber qual a fórmula JS que eu coloco pra fazer conta de porcentagem, o botão no html ja sei inserir

  • @AndreSantos-vy3sz
    @AndreSantos-vy3sz 2 года назад

    esse foguinho, ao digitar, desconcentra legal...

  • @leandroleal3615
    @leandroleal3615 3 года назад +1

    Obrigado pelo tutorial, ajuda bastante a sanar dúvidas. Sucesso pra você e pra todos nós!!!

    • @techlycombr
      @techlycombr  3 года назад

      Que daora que você gostou! Fico feliz em ajudar, Leandro! Sucesso pra nós! 🙌

  • @ronaldsousa8549
    @ronaldsousa8549 7 месяцев назад

    queria saber qual extensao vc usa que aparece essa animação flamejante?

  • @djalexandretorres
    @djalexandretorres 11 месяцев назад +1

    Pode esxplicar essa parte? Não entendo aí o "n1"
    function displaynum(n1)
    {
    calculator.text1.value = calculator.text1.value + n1;
    }

  • @joaogonzagas
    @joaogonzagas 2 года назад +1

    Você me ajudou muito! qual extensão que você usa para usar esse foguinho quando escreve? novamente, obrigado!

  • @thiagorock554
    @thiagorock554 3 года назад +1

    Excelente conteúdo e que venha mais projetos legais como este.Super feliz por você ter vindo para o RUclips.

    • @techlycombr
      @techlycombr  3 года назад

      Obrigadão por se fazer presente aqui também, Thiago! Um grande, abraço! =)

    • @thiagorock554
      @thiagorock554 3 года назад

      @@techlycombr Um grande abraço 😉.

  • @Alana-ir9tx
    @Alana-ir9tx Год назад

    Valeu! Ajudou demais

  • @nathalianorvinda
    @nathalianorvinda Год назад

    Muito bom e fácil de aprender!!! Arrasou, obrigada 🎉😘

  • @brunnomiguel370
    @brunnomiguel370 3 года назад +4

    Que excelente conteúdo!! Parabéns 👏🏻👏🏻👏🏻

    • @techlycombr
      @techlycombr  3 года назад

      Obrigadão, Brunno! 🤜 🤛

  • @janainacosta4048
    @janainacosta4048 3 года назад +1

    Muito obrigada pelo tutorial...amei o vídeo. Aguardando os próximos!!!

    • @techlycombr
      @techlycombr  3 года назад

      Deixa comigo, Janaína! Vou produzir mais sim! =)

  • @AGENTEBRABET
    @AGENTEBRABET 2 года назад

    Show de bola, parabéns !! fiz o clone com minhas opções de cor e deu tudo certo!!

  • @mozartpelissari6144
    @mozartpelissari6144 3 года назад +1

    Gostei demais do projeto. Obrigado pela ajuda.

  • @piscineiroalves
    @piscineiroalves 3 года назад +1

    Muito top conseguir fazer, estou começando do zero, vc é fera!!! Queria entender como o JS está fazendo a conta obg .

  • @edufettgoncalves521
    @edufettgoncalves521 2 года назад +2

    mas esse "Calculator.text1.value" eu não entendi como funciona, poderia explicar?

  • @higordh1201
    @higordh1201 2 года назад +1

    qual extensao vc usa pra fica com essa cor

  • @camiladonda7633
    @camiladonda7633 3 года назад +6

    Coloque mais alguns PLEASE! Ajuda nós mulheres!! 😄 adorei!!

  • @walney2008
    @walney2008 2 года назад

    ola, em uma pasta tenho 20 arquivos de audio tipo, do 001.wav a 020.wav, pasta chamada sounds, agora quero criar arquivos textos com a sequencia de musicas em txt, em sequencia a tocar para formar musicas, (001,002,003,002,004) assim por diante, como ler esse txt e tocar os audios em sequencias ?

  • @gsouzar
    @gsouzar 2 года назад

    Menina, vc e fera, me deixou no lixo...kkk. Parabens e sucesso.

  • @JoaoPedro-gm8it
    @JoaoPedro-gm8it 2 года назад +3

    Olá boa tarde muito bom o tutorial mais a minha calculadora não está funcionando ela está todo pronta mais a parte de interação com os botões não está acontecendo o que posso fazer

    • @pinklywishes
      @pinklywishes 2 года назад

      a minha também

    • @dantes260
      @dantes260 Год назад +1

      Tentem revisar o código,muitas vezes é espaço ou escrita.

    • @pinklywishes
      @pinklywishes Год назад

      @@dantes260 o meu era escrita mesmo kkkkkkk obrigado

  • @crepper2106
    @crepper2106 Год назад

    A sua voz é gostosa de ouvir com todo respeito rs, fiquei com sono. Muito bom o vídeo 👏🏻

  • @joabmedeiros6064
    @joabmedeiros6064 2 года назад

    simples , rapido e facil . Muitooo bom conteudo

  • @wesleyzk018
    @wesleyzk018 Год назад

    qual tema você usa?

  • @buckler8875
    @buckler8875 2 года назад

    ola como faço para colocar esta cauculadora no meu site wordpress vc tem um tutorial ou ALGUMA DICA DE COMO FAZER ISSO

  • @giovanibruno1411
    @giovanibruno1411 2 года назад +2

    Ótimo vídeo, eu só fiquei um pouco curioso sobre o código de js.

  • @felipemarques4197
    @felipemarques4197 2 года назад

    muito bom o vídeo e o conteúdo, me fez abrir a mente aqui pra sair do zero kkkkkk valeu demais

  • @pauloigorfb9423
    @pauloigorfb9423 Год назад

    Queria estalar meus dedos assim e meus códigos obedecerem tudo o que eu imagino também kkkkk

  • @franciscont_
    @franciscont_ 2 года назад +1

    qual é o nome desse tema que você usou no vídeo?

  • @walney2008
    @walney2008 2 года назад

    ola pode ensinar criar um piano ? que tenha opção de conseguir teclar 3 ou 4 teclas ao mesmo tempo para fazer os acordes ?

  • @DemetrioTorgan
    @DemetrioTorgan Год назад

    Muito bom parabéns

  • @edvaldolima5674
    @edvaldolima5674 3 года назад +1

    Qual o tema?Como coloca o foguinho no ponteiro?

  • @useangelinna
    @useangelinna 2 года назад

    Perfeito! Excelente tutorial!

  • @santanasantos7695
    @santanasantos7695 Год назад

    tudo top! só gostaria de perguntar o seguinte. Mais alguém teve dificuldade com o áudio? o meu saiu muito baixo.

  • @lojashortcap4499
    @lojashortcap4499 Год назад +1

    Boa noite. Adorei seu vídeo. Fiz o código conforme você mostrou, mas não sei por qual motivo o botão de limpar (depois que vc digital algum número e deseja limpar para colocar outros números) não funcionou. Então, fui no seu GitHub e copie todo seu código mesmo assim não funcionou. Consegue me ajudar com isso?

    • @frosty-5727
      @frosty-5727 Год назад

      location . reload (true) resolveu para mim

  • @rafaelcritico3401
    @rafaelcritico3401 2 года назад

    muitoooo bommmmmm, TOP ,!!!!! faz mais videos assimmmmmmm!!! 🌼🧡❤🖖

  • @anacassiamarcelinosilva7786
    @anacassiamarcelinosilva7786 2 года назад

    Baixei o live server v5.7.5 mais não consigo visualizar a calculadora, poderia me ajudar?

  • @filipecristian9777
    @filipecristian9777 2 года назад +2

    Faltou uma continuaçao do video ensinando a instalar programas utilizados como a duplicaçao de tela e extensao do programas utilizados ex index !to começando agora nao entendi nada e continuo nao entendendo!🤙

  • @robertosoares9766
    @robertosoares9766 Год назад

    amei. perfeito

  • @diegocorrea87
    @diegocorrea87 2 года назад

    Não precisa converter para Number? Sou iniciante....

  • @anapaulasoares3180
    @anapaulasoares3180 2 года назад

    Amei a sua calculadora🤩

  • @clebsonoliveira2020
    @clebsonoliveira2020 3 года назад

    Qual tema usa pra esse 🔥 no vs, pode me falar?? Top sua explicação, parabéns!!!

  • @EndyMicaelle
    @EndyMicaelle Год назад

    Adorei esse cursor de fogo rs, como fez?

  • @thalesaugustoeuzebioalvesd4117
    @thalesaugustoeuzebioalvesd4117 6 месяцев назад

    ola, o sinal de igual meu não funciona, o que pode ser ?

  • @sirleideoliveiraguedesoliv6585
    @sirleideoliveiraguedesoliv6585 2 года назад

    Vou fazer amanhã 🙏❤️

  • @felipeguttembergdeoliveira4912

    11:13 Poderia explicar essa parte?

  • @michellecostasilva28
    @michellecostasilva28 6 месяцев назад

    Copiei o codigo igual ao do video, mas minha calculadora nao funciona. Poderia me ajudar onde estou errando?

  • @wanessarodrigues7183
    @wanessarodrigues7183 Год назад

    OBRIGADA

  • @TheChosen0791
    @TheChosen0791 2 года назад +1

    Muito legal, só não entendi porque o C ficou como text e não button

    • @juniorkenmmasters
      @juniorkenmmasters 2 года назад

      O C é um input type="button" SIM ! da uma olhada aí no seu codigo fonte, agora a class sim é = text1 maincolor , com o name = "text12"

  • @mrnduva517
    @mrnduva517 3 года назад

    Estou com uma serie de duvidas, será que dá para me puxar no off

  • @danielgabinio3733
    @danielgabinio3733 3 года назад +1

    Meu botão de multiplicar não está funcionando e ele está configurado exatamente igual ao de dividir. Não consigo encontrar o erro. Multiplicar . Dividir

    • @anonima1082
      @anonima1082 3 года назад +1

      No meu caso, o botão "=" q n funciona, ele só é escrito🤧
      Eu olhei mil vezes e n tem nada de errado, n sei está acontecendo

    • @Dennys_Flow
      @Dennys_Flow 3 года назад +1

      @@anonima1082 no meu não está funcionando nada

    • @alfaceTFT
      @alfaceTFT 2 года назад +7

      é porque a linha de codico do "=" é diferente, e ela não mostrou no video fazendo, como voce copiou e colou todas iguais ele nao vai funcionar.
      a linha que ta escrita no video é essa:
      espero ter ajudado.

    • @diliobraganca5637
      @diliobraganca5637 2 года назад +1

      @@alfaceTFT Voltei aqui só pra de dar esse Like! tu mereceu demais! rsrsrs
      Era isso q tava faltando pra calc. funcionar!!
      Muito obg!

    • @alfaceTFT
      @alfaceTFT 2 года назад

      @@diliobraganca5637 tamo junto amigo ;)

  • @felipeguttembergdeoliveira4912

    Muito bom!

  • @VinixGonzalez
    @VinixGonzalez 2 года назад

    calculadora back com foguinho ainda KKKKKKKK top

  • @thifanixavier4056
    @thifanixavier4056 3 года назад

    Amei o video, muito bom esses tutoriais, espero que traga mais :)

    • @techlycombr
      @techlycombr  3 года назад +1

      Que legal que você gostou, Thifani! Vou trazer muito mais siiim! ;)

  • @voddnosferatu5708
    @voddnosferatu5708 2 года назад

    Obrigado! s2

  • @leandrocorrea7748
    @leandrocorrea7748 3 года назад +2

    Apanhando aqui. Descobri que o firefox não apaga pelo botão "C"

  • @darioreisjr
    @darioreisjr 2 года назад

    Top amei!!!!!!!!!!!!!

  • @AndreSantos-vy3sz
    @AndreSantos-vy3sz 2 года назад

    Show!!!

  • @ChrisG59
    @ChrisG59 Год назад

    500% mais simples que os outros códigos que o pessoal ensina sobre calculadora. O fato do JS ser mais simples, pode ocasionar algum problema ou mal funcionamento futuramente?

  • @carlamedice2124
    @carlamedice2124 2 года назад +1

    Olá, o meu onclick não está recebendo os valores passados
    podem me ajudar? :(

    • @curtiuseucomentario6203
      @curtiuseucomentario6203 2 года назад

      Estou com o msm problema kk Consegui resolver?

    • @auristelaizabel8226
      @auristelaizabel8226 2 года назад +2

      Veja, o meu não funcionou de primeira, eu percebi que na hora do SCRIPT.JS dentro da função o Calculator.text1.value = Calculator.text1.value + n1; tem q estar com C maiúsculo, igual a linha 10 do INDEX.HTML

    • @dururu1166
      @dururu1166 2 года назад

      @@auristelaizabel8226 eu estava com esse mesmo problema kkk obrigado... Nunca mais vou esquecer de colocar a letra certa!!!

    • @viniciusmouradeantunes9921
      @viniciusmouradeantunes9921 Год назад

      @@auristelaizabel8226 Muuuuitoooo Obrigado!!! Tava quebrando a cabeça aqui e não sabia o que era, sou iniciante, nunca mais esqueço hahaha

  • @josevelsilva4216
    @josevelsilva4216 3 года назад +1

    tentet fazer mais meu codigo n funciona, as operaçoes nem os numeros n aparecem no visor, pode me dar uma dica.

    • @rafaelaviolis
      @rafaelaviolis 3 года назад +1

      todas estavam com as aspas fechadas? Eu estava com o mesmo problema até perceber que uma das aspas não estava fechada (e como copiei todas abaixo, todas ficaram com o mesmo problema)

    • @alfaceTFT
      @alfaceTFT 2 года назад

      estava com o mesmo problema, e percevi que la no final das linhas, especificamente no onclick="displaynum(btn6.value)", eu tinha colocado a chave {} em vez de parentese (), que é o correto.

  • @walney2008
    @walney2008 2 года назад

    ola como fazer uma HP 12C ?

  • @chessnative
    @chessnative 2 года назад

    Que fogo 🔥 é esse que aparece???

  • @mateusbezerra9392
    @mateusbezerra9392 3 года назад

    Só assistindo essa vídeo e ver pela primeira vez o que esse "eval"" faz ... meeoo, adianta mt coisa!

  • @Unknown-rg1jj
    @Unknown-rg1jj 2 года назад

    Qual é o nome desse tema?

  • @ExMendigoFullStackFormado
    @ExMendigoFullStackFormado 2 года назад

    coloque a funcao por completo. se estver usando alguma biblioteca para puxar a funcao da calculadora tem como informar?

  • @sirleideoliveiraguedesoliv6585
    @sirleideoliveiraguedesoliv6585 2 года назад +1

    Nós mulheres no HTML 🙏❤️👈

  • @romulobernardes5788
    @romulobernardes5788 2 года назад

    a ordem dos numeros esta ao contrario

  • @italojonathan
    @italojonathan 2 года назад

    Não consegui fazer meu botão "C" funcionar, estou quebrando cabeça pra tentar achar o erro.

  • @brenobcsilva
    @brenobcsilva 2 года назад

    Valeuuu!!

  • @thaisdeveloper
    @thaisdeveloper 2 года назад

    nao consigo descobrir porque nao esta fazendo os cálculos

  • @andre69rock
    @andre69rock Год назад

    Top

  • @leandrocorrea7748
    @leandrocorrea7748 3 года назад +1

    show!

  • @MarcosLanzoni
    @MarcosLanzoni 2 года назад

    Show

  • @GuilhermeTakiya
    @GuilhermeTakiya Год назад

    pulou parte do codigo,

  • @igordc16
    @igordc16 2 года назад

    Gostei pois tem apenas uma linha de js kkkkk