華氏溫度轉化為攝氏溫度的簡單JavaScript代碼
今天,跟著W3School學到了"JavaScript函數"，代碼都挺簡單的，在運算符調用函數的地方寫了一個小程序。原碼程序是這樣的：
<!DOCTYPE html>
<html>
<body> <h2>JavaScript 函数</h2> <p id="demo"></p> <script>
document.getElementById("demo").innerHTML =
"温度是：" + toCelsius(86) + " 摄氏度。"; function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
</script> </body>
</html>
這個代碼沒什麽毛病，確實也能將設置的86華氏度換算成攝氏度。但是，這是寫死的代碼好不好。我要算100度呢，200度呢，是不是每次都要在代碼裏改？這算什麽？我決定重新寫這個代碼，讓用戶輸入一個華氏溫度，設置一個轉換按鈕，一點擊按鈕，就可以把溫度轉換成攝氏溫度。這裏上代碼偷個懶，上原碼也看不到樣式，樣式就不寫了。我寫的代碼如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JSNote1</title>
<head>
<body>
<!-- 改進代碼,讓用戶自己輸入華氏溫度,點擊按鈕,由電腦計算出攝氏溫度並返回-->
<!--
步驟:1,定義兩個input標簽,一個用來讓用戶輸入溫度,一個用來顯示結果.
2,定義一個提交標簽,點擊按鈕,就顯示計算結果.
3,寫方法,套用計算公式
-->
<input type="text" id="putFah" placeholder="請輸入一個華氏溫度">
<input type="submit" value="轉換" onClick="toCet()">
<input type="text" id="getResult">
<script>
function toCet(){
//a的值從id=putFah的代碼傳遞過來
a = Number(document.getElementById("putFah").value);
//用id=getResult的代碼接收經公式計算后的結果
document.getElementById("getResult").value = (5/9)*(a-32);
}
</script>
</body>
</html>
感覺好多了，再加上自己的樣式就美滋滋了。這裏順便說一下，這裏有個小地方還不太明白，按我的理解document.getElementById("getResult").value = (5/9)*(a-32);這句話反過來寫，寫成(5/9)*(a-32) = document.getElementById("getResult").value;應該也是可以的，但事實證明，反過來就跑不通了，這裏有些懵逼。如果有哪位大佬明白的，請不吝賜教一下。
華氏溫度轉化為攝氏溫度的簡單JavaScript代碼的更多相关文章
- [SharePoint 2010] Visual Studio 2010內撰寫視覺化WebPart超簡單
新一代的Visual Studio 2010對於SharePoint 2010的專案撰寫,有非常另人讚賞的改進. 以往寫一個WebPart要搞好多雜七雜八的步驟,也要硬寫HTML輸出,當然有人說可以寫 ...
- 相似度度量：欧氏距离与余弦相似度（Similarity Measurement Euclidean Distance Cosine Similarity）
在<机器学习---文本特征提取之词袋模型(Machine Learning Text Feature Extraction Bag of Words)>一文中,我们通过计算文本特征向量之间 ...
- 深入学习OpenCV中图像灰度化原理，图像相似度的算法
最近一段时间学习并做的都是对图像进行处理,其实自己也是新手,各种尝试,所以我这个门外汉想总结一下自己学习的东西,图像处理的流程.但是动起笔来想总结,一下却不知道自己要写什么,那就把自己做过的相似图片搜 ...
- 转：FORM:客制化Form的菜单栏和右鍵菜單
Oracle EBS还允许客制化Form的菜单栏. 用户最多可以定义45个form-level的trigger,名称必须为SPECIALn, 其中SPECIAL1 to SPECIAL15属于Tool ...
- 【埃氏筛】洛谷P3383埃氏筛模板
思路: 如果我们要筛出 [1, n] 内的所有素数,使用 [1, √n] 内的素数去筛就可以了 设bool型数组 a,a[i] 表示 i 是否被某个素数筛过 从 2 开始枚举每个数 i: 若 a[i] ...
- Objective-C - NSString 和 NSDate 互相轉換
記錄一下在 Objective-C 由 NSString 轉換為 NSDate 或 NSDate 轉換為 NSString 的方法. 很簡單,使用 NSDateFormatter 就可以令 NSStr ...
- 在 Swift 專案中使用 Javascript:編寫一個將 Markdown 轉為 HTML 的編輯器
原文:Using JavaScript in Swift Projects: Building a Markdown to HTML Editor 作者:GABRIEL THEODOROPOULOS ...
- js正則函數 match、exec、test、search、replace、split 使用介紹集合
match 方法 使用正則表達式模式對字元串執行查找,並將包含查找的結果作為數組返回. stringObj.match(rgExp) 參數 stringObj 必選項.對其進行查找的 String 對 ...
- JavaScript基礎知識
JavaScript基礎知識 1.標籤組使用 <script charset='utf-8' //設置字元集 defet //使腳本延遲到文檔解析完成,Browser已忽略 language=' ...
随机推荐
- linuxC动态内存泄漏追踪方法
C里面没有垃圾回收机制,有时候你申请了动态内存却忘记释放,这就尴尬了(你的程序扮演了强盗角色,有借有还才是好孩子).当你想找出内存泄露的地方时,有的投入海量的代码中,头痛不已.还好GNU C库提供了些 ...
- wcf 代理实例
通过过代理调用 wcf服务 using Microsoft.Extensions.Options; using System; using System.Collections.Generic; us ...
- VC中出现“烫”和“屯”的原因（栈区的每一个字节都被0xCC填充了，也就是int 3h的机器码，动态分配的堆，VC的Debug用0xCD填充堆的空间，就出现了“屯”）
相信经常用VC的朋友对屏幕输出的一大堆“烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫烫”不会陌生,但是也许会很奇怪,为什么会出现“烫”字呢?莫非改程序导致系统运行缓慢,发热过高???非也!下面让我解释 ...
- 《C标准库》阅读笔记
<assert.h>的断言函数适合于用来调试,实际产品中难以使用. #define NDEBUG 可禁用断言. #undef NDEBUG 可打开断言. 我自己写的一个例子: #inclu ...
- Java HashMap实现原理 源码剖析
HashMap是基于哈希表的Map接口实现,提供了所有可选的映射操作,并允许使用null值和null建,不同步且不保证映射顺序.下面记录一下研究HashMap实现原理. HashMap内部存储 在Ha ...
- TThread类详解
TThread是一个抽象类,可以创建几个独立的线程.类关系 TObject在一个多线程的应用程序中创建一个TThread的后子类代表一个线程.每一新子类的TThread对象的实例是一个新的线程.从TT ...
- 【码云周刊第 23 期】Web 高效开发必备的 PHP 框架（从这里学起）good
码云项目推荐 1.项目名称:多功能 THinkPHP 开源框架 项目简介:使用 THinkPHP 开发项目的过程中把一些常用的功能或者第三方 sdk 整合好,开源供亲们参考,如 Auth 权限管理.支 ...
- Spark之从hdfs读取数据
/user/hive/warehouse/ycapp.db/appindex") ), e(),e().toInt)) (String, String, String) ,,all_post ...
- java中的String、StringBuffer、StringBuilder的区别
java中String.StringBuffer.StringBuilder是编程中经常使用的字符串类,他们之间的区别也是经常在面试中会问到的问题.现在总结一下,看看他们的不同与相同. 1.可变与不可 ...
- 30212Java_数组
数组 1.综述 数组是相同类型数据的有序集合.数组描述的是相同类型的若干个数据,按照一定的先后次序排列组合而成. 其中,每一个数据称作一个元素,每个元素可以通过一个索引(下标)来访问它们. 数组的三个 ...