javascript温度转换器在线工具

所属分类：网页特效-实用工具 2023-12-05 10:43:19

1.4K 0 查看评论 (0)

查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：一个基于原生js的在线温度转换器工具，可轻松得将华氏温度转换为摄氏温度。你可在select列表中选择摄氏度或华氏度，input文本框中输入温度值，并立即转换。

javascript温度转换器在线工具（共3个文件）

js
- script.js
css
- style.css

index.html

使用方法

function convertTemperature () {
  let selectedTemp = document.getElementById("temperature").value;
  
  let enteredTemp = document.getElementById("enteredTemp").value;
  
  // if no value entered clears the text
  if (enteredTemp == "") {
     document.getElementById("result").innerHTML = null;
    return;
  }
  
  // if Celsius selected
  if (selectedTemp == "celsius") {
    let fahr = ((9 * enteredTemp) / 5) +32;
    
    document.getElementById("result").innerHTML = fahr.toFixed(2) + " °F";
   return;
  }
  
  // if Fahrenheit selected
  if (selectedTemp == "fahrenheit") {
    let cel = ((enteredTemp - 32) / 9) * 5;
    
    document.getElementById("result").innerHTML = cel.toFixed(2) + " °C";
   
  }
  
}

站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服