Close Menu
Código Simples .NETCódigo Simples .NET
    Facebook X (Twitter) Instagram
    Trending
    • Guia Profissional de Prompting – Domando um ChatGPT Preguiçoso: Como Obter Respostas Completas, Profundas e Confiáveis
    • A Anatomia de um Prompt: Como Falar com a IA Como um Profissional de Tecnologia
    • Conheça os tipos de registros DNS: o guia completo sobre A, AAAA, NS, CNAME, MX, PTR, SOA, TXT, SRV, SPF e muito mais
    • Cache além do básico: por que LRU e TTL precisam andar juntos
    • Quando usar arquitetura modular — e quando não usar
    • Mais de 200 livros de programação gratuitos em português
    • System Design: da teoria à prática
    • Pessoas e Processos: o fator humano por trás da arquitetura de sistemas
    Facebook X (Twitter) Instagram
    Código Simples .NETCódigo Simples .NET
    Código Simples .NETCódigo Simples .NET
    Home»Dicas»Conversões de temperatura com JavaScript

    Conversões de temperatura com JavaScript

    Jhonathan SoaresBy Jhonathan Soares29 de agosto de 20161 Min Read Dicas
    Share
    Facebook Twitter LinkedIn WhatsApp Copy Link

    Trabalhar com temperaturas é uma tarefa simples, mas não tão simples quanto se você já tiver um algoritmo bacana que faz isto pra você, né? 😛

    Recentemente montei uma pequena rotina que converte automaticamente as seguintes temperaturas : Celsius , Kelvin , e Fareireiewmtewf (Farenheit ).

    Veja o código:

    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
        <meta charset="utf-8" />
        <title> Conversões </title>
    <script 	type="text/javascript"
    	src="temperature conversion.js">
    </script>
    </head>
    
    <body>
    <form 	style="border: 1px double blue; background-color: #DDF;
    	padding: 4px;text-align:center;"
    	name="convert">
    
    Fahrenheit: <input 	type="text" 
    		name="ftemp" 
    		size="7"
    
    onchange="convertTemp('ftoc')"> é o mesmo que Celsius:
    
    <input 	type="text" 
    	name="ctemp" 
    	size="7"
    
    onchange="convertTemp('ctof')">
    
    é o mesmo que  Kelvin:
    
    <input 	type="text" 
    	name="ktemp" 
    	size="7"
    
    onchange="convertTemp('ktof')">
    
    <br /><br />
    <input 	type="button" 
    	value="limpar" 
    	onclick="clearAll();">
    </form>
    </body>
    </html>
    

     

    Este HTML nada mais chama a função javascript que converte, a ação é gerada a cada “onchange” do input de texto. Veja o código javascript:

    function convertTemp(direction)
    {
     //instanciando objetos
    var fObj = document.convert.ftemp, cObj = document.convert.ctemp, kObj = document.convert.ktemp;
    
    //definindo direções para conversões
    if (direction == "ftoc") 
    {
        cObj.value = Math.round((fObj.value - 32) * (5/9));
    	kObj.value = Math.round((parseInt(cObj.value) + 459.67) * (5/9));
    } 
    else if (direction == "ktof") 
     {
    	fObj.value = Math.round((parseInt(cObj.value) * (9/5)) -  459.67);
    	cObj.value = Math.round((fObj.value - 32) * (5/9));
    	
     }
    else
     {
    	fObj.value = Math.round((parseInt(cObj.value) * (9/5)) + 32);
    	kObj.value = Math.round((parseInt(cObj.value) + 273));
     }
    }
    
    function clearAll()
    {
    document.convert.ftemp.value="";
    document.convert.ctemp.value="";
    document.convert.ktemp.value="";
    }
    
    

     

    No JavaScript eu apenas faço a conversão, utilizando a fórmula padrão de conversões de temperaturas.

    Viu só como é simples? Um grande abraço!

    Share. Facebook Twitter LinkedIn Telegram WhatsApp Copy Link
    Jhonathan Soares
    • Website
    • Facebook
    • X (Twitter)
    • LinkedIn

    Criador do blog Código Simples e com mais 15 anos de experiência em TI, com títulos de MVP Microsoft na área de Visual Studio Development, Neo4j Top 50 Certificate, Scrum Master e MongoDB Evangelist.

    Posts Relacionados

    Conheça os tipos de registros DNS: o guia completo sobre A, AAAA, NS, CNAME, MX, PTR, SOA, TXT, SRV, SPF e muito mais

    Dicas 8 de outubro de 20257 Mins Read

    Mais de 200 livros de programação gratuitos em português

    Cursos Dicas 16 de setembro de 202512 Mins Read

    Happy Hour com Dados #17 – Azure vs AWS vs GCP

    Front-End 26 de maio de 20211 Min Read
    Newsletter

    Digite seu endereço de e-mail para receber notificações de novas publicações por e-mail.

    Junte-se a 25mil outros assinantes
    Posts recentes
    • Guia Profissional de Prompting – Domando um ChatGPT Preguiçoso: Como Obter Respostas Completas, Profundas e Confiáveis
    • A Anatomia de um Prompt: Como Falar com a IA Como um Profissional de Tecnologia
    • Conheça os tipos de registros DNS: o guia completo sobre A, AAAA, NS, CNAME, MX, PTR, SOA, TXT, SRV, SPF e muito mais
    • Cache além do básico: por que LRU e TTL precisam andar juntos
    • Quando usar arquitetura modular — e quando não usar
    Categorias
    • Arquitetura (29)
      • Microsserviços (3)
      • Testes (2)
    • Asp.net (120)
      • C# (89)
      • Mvc (13)
    • Banco de dados (93)
      • NoSql (60)
      • Sql (38)
    • Boas práticas (33)
      • Gestão & Produtividade (3)
      • Metodologias Ágeis (6)
    • Cursos (53)
    • Dicas (107)
    • Front-End (92)
    • IA (6)
    • Linux (6)
    • NodeJS (4)
    • Post do Leitor (9)
    • Python (5)
    • Seo (12)
    • Tecnologia (30)
      • ITIL (1)
      • Padrões de Projeto (4)
    • Testes (2)

    VEJA TAMBÉM

    Cursos
    12 de fevereiro de 20166 Mins Read

    1000 livros gratuitos sobre programação!

    Olha que dica bacana! A pagina só com livros sobre programação é mantida no GitHub…

    30 APIs Gratuitas para desenvolvedores

    Facebook X (Twitter) Instagram LinkedIn

    Type above and press Enter to search. Press Esc to cancel.

    Vá para versão mobile