首页前端开发HTMLhtml代码大全 摄氏度

html代码大全 摄氏度

时间2023-11-16 18:20:02发布访客分类HTML浏览1055
导读:HTML代码大全 – 摄氏度<!DOCTYPE html><html><head> <title>摄氏度转换</title></head><body>...

HTML代码大全 – 摄氏度

!DOCTYPE html>
    html>
    head>
       title>
    摄氏度转换/title>
    /head>
    body>
       h1>
    摄氏度转换器/h1>
       p>
    输入摄氏度数值:/p>
       input type="text" id="celsius" name="celsius">
       br>
    br>
       button onclick="convert()">
    转换/button>
       br>
    br>
       h3>
    转换结果:/h3>
       p id="result">
    /p>
          script>
   function convert() {
          var celsius = document.getElementById("celsius").value;
          var fahrenheit = (celsius * 9/5) + 32;
          var kelvin = parseInt(celsius) + 273.15;
          document.getElementById("result").innerHTML = "摄氏度转华氏度: " + fahrenheit.toFixed(2) + "°F" + "br>
    " + "摄氏度转开尔文: " + kelvin.toFixed(2) + " K";
   }
       /script>
    /body>
    /html>
    

以上是一个简单的HTML代码,用于将输入的摄氏度转换为华氏度和开尔文。

该代码包含HTML页面的基本结构,包括!DOCTYPE html> 声明,html标签,head标签和body标签。页面包含一个标题,一个输入文本框,一个转换按钮和一个显示结果的段落。

此外还包含一个JavaScript函数,在点击转换按钮时会调用该函数。该函数获取输入的摄氏度值,计算华氏度值和开尔文值,并将结果显示在段落中。

使用HTML代码和JavaScript,可以创建各种类型的Web页面和应用程序。HTML代码大全提供了许多预先编写好的代码段,方便开发人员使用和修改。无论是初学者还是经验丰富的开发人员,都可以受益于使用HTML代码大全。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html代码大全 摄氏度
本文地址: https://pptw.com/jishu/542067.html
html代码大全 结构性定义 html代码怎么传到速卖通

游客 回复需填写必要信息