我要制作一个包含两个文本框的页面,一个摄氏温度和一个华氏温度.在它们之间,有一个转换按钮,可将摄氏温度转换为华氏度,并将华氏温度转换为摄氏温度.如果任何一个框中都有字母,我想取消转换,并弹出警告说“请只输入数字!”到目前为止,我还没有弄清楚如何获得警报,当我在“摄氏温度”框中键入数字时,它总是在同一框中显示数字-18.华氏温度很好.

Temparature Converter

Celsius:

Convert

Fahrenheit:

JavaScript:

function convertTemp(degree) {

if (degree == "C") {

F = document.getElementById("c").value * 9 / 5 + 32;

document.getElementById("f").value = Math.round(F);

} else {

C = (document.getElementById("f").value -32) * 5 / 9;

document.getElementById("c").value = Math.round(C);

}

}

注意:我从W3Schools获得了一些代码,所以我认为onkeyup转换有点有趣.如果可能的话,请通知我它如何更改以及JavaScript.

解决方法:

不需要onkeyup属性,因为它们的原始代码来自W3Schools,旨在将其输入时立即更新值.

我确实修改了功能以清除原始值,这样,转换按钮可以通过简单的代码同时使用.

这是完成此工作的快速JavaScript:

function convertTemp() {

// Set the initial variables for c (Celsius) and f (Fahrenheit)

var c = document.getElementById('c'), f = document.getElementById('f');

// Test if there is a value for Celsius

if(c.value != '') {

// Set the value for Fahrenheit

f.value = Math.round(c.value * 9 / 5 + 32);

// Clear the value for Celsius

c.value = '';

// If there isn't a value for Celsius

} else {

// Set the value for Celsius

c.value = Math.round((f.value - 32) * 5 / 9);

// Clear the value for Fahrenheit

f.value = '';

}

}

及其随附的HTML:

Celcius:

Fahrenheit:

Convert

像这样的简单代码需要记住,没有什么可以验证提供的值是可接受的.少许正则表达式可以用作验证,但是如何实现取决于您要如何标记问题.

标签:converter,html,javascript,jquery

来源: https://codeday.me/bug/20191121/2050130.html

html摄氏度转换华氏度,摄氏和华氏转换器-JavaScript相关推荐

  1. WORD插入摄氏华氏度及换算

    WORD2007->特殊符号->单元符号: 摄氏度华氏度换算: 华氏度(℉)=32+摄氏度(℃)×1.8 参考网址: http://jingyan.baidu.com/article/14 ...

  2. 华氏摄氏转换 java_用JAVA编写程序,将摄氏度转换为华氏度

    1.编写程序,用Math类中的sqrt方法打印下表:NumberSquareRoot....................................00.000021.414242.00006 ...

  3. Tensor Flow V2:基于Tensor Flow Keras的摄氏度到华氏度温度转换的训练模型

    理论知识 ​​​​​​神经网络全连接层详解_17岁boy的博客-CSDN博客 什么是Tensor Flow和lite以及数据流图_17岁boy的博客-CSDN博客 什么是Keras? Keras是一个 ...

  4. html摄氏度转换华氏度,摄氏温度与K氏和华氏是怎样换算的?

    2018-04-08 华氏温度与摄氏温度怎么换算的? 华氏温标(Fahrenheit temperature scale) 1714年,华伦海脱(Daniel Gabriel Fahrenheit)制 ...

  5. Python华氏度和摄氏度之间的转换

    print("求华氏度与摄氏度之间的转换?")number = input("请输入带有单位的温度:")if number[-1] in ["f&qu ...

  6. 2018.4.1(python) 请编写程序将用户输入华氏度转换为摄氏度,或将输入的摄氏度转换为华氏度。 //(米和英寸之间的长度转换)//热量转换

    温度的刻画有两个不同体系:摄氏度(Celsius)和华氏度(Fabrenheit). 请编写程序将用户输入华氏度转换为摄氏度,或将输入的摄氏度转换为华氏度. 转换算法如下:(C表示摄氏度.F表示华氏度 ...

  7. Python当中华氏度和摄氏度转换

    生中对温度的单位两种,一种华氏度一种摄氏度,今天实现温度之间的转换 首先需要知道两种温度的转换公式:华氏度:F        摄氏度:C 摄氏度转换华氏度:F=C×1.8+32 华氏度转换摄氏度:C= ...

  8. 实现摄氏度与华氏度之间的转换

    实现摄氏度与华氏度之间的转换 实现思路:首先需要把简单界面渲染出来 然后将生成两个上述框, 接下来实现输入一个输入框,另一个输入框跟着变:首先,在上面那个定死111,然后把值传给下面那个

  9. 第二章华氏度摄氏度转换

    /*摄氏度与华氏度对的转换公式位摄氏度=5/9.0*(华氏度-32)*///输入方法Scanner scanner=new Scanner(System.in);System.out.print(&q ...

  10. Python小实例摄氏度华氏度转换

    摄氏度<>华氏度转换 今天是正式开始自学Python的第一天,看到视频中有一个题目,温度转换.于是暂停页面,自己先去尝试写了写.后来又研究了一下老师的程序. 自己写的程序 #华氏度-摄氏度 ...

最新文章

  1. 如何判断LSTM模型中的过拟合和欠拟合 By 机器之心2017年10月02日 11:09 判断长短期记忆模型在序列预测问题上是否表现良好可能是一件困难的事。也许你会得到一个不错的模型技术得分,但了解
  2. Docker+Tomcat+geoserver+shp发布地图服务
  3. 使用JDBC获取Oracle连接时报错
  4. [JavaWeb-JavaScript]JavaScript运算符
  5. 复合主键 复合外键_复合双重错误
  6. (Kali)BackTrack-linux安全***测试系统盘
  7. Intel 64/x86_64/x86/IA-32处理器操作模式/运行模式
  8. UOJ#450. 【集训队作业2018】复读机 排列组合 生成函数 单位根反演
  9. 百度商桥放在php网站哪里_网站优化的几个重要技巧,你知道吗?
  10. 使用Xftp连接Linux
  11. 解除windows10多账户远程桌面连接限制
  12. 企业微信网页应用开发 - 异步请求
  13. C++ 万年历 查找年、月、日、星期数以及节日等信息
  14. 怎样下载ImageNet数据集并使用?
  15. 利用四位共阳数码管显示小数
  16. 牙医管家口腔管理软件DSD微笑设计3.8版本更新
  17. 物品冷启动问题解决办法
  18. navicat计划任务
  19. 华为云计算之rainbow迁移实验
  20. android播放窗口大小,android surfaceview 如何改变视频窗口大小

热门文章

  1. 如何认识会计科目,看懂财务报表
  2. EXCEL-解决表格被锁定和分组的冲突
  3. python 角度变弧度_弧度制和角度值怎么转换?
  4. MATLAB导入数据
  5. 《学习网站》计算机视觉领域的一些牛人博客,超有实力的研究机构等的网站链接
  6. springboot推送微信公众号消息,java推送微信公众号消息
  7. Word添加脚注自定义标记
  8. 代码:Java实现大数据经典案例WordCount
  9. 机器学习 数据预处理之特征编码(归纳整理版)
  10. 直连路由的配置-思科模拟器练习(Cisco Packet Tracer)