今天,跟著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代碼的更多相关文章

  1. [SharePoint 2010] Visual Studio 2010內撰寫視覺化WebPart超簡單

    新一代的Visual Studio 2010對於SharePoint 2010的專案撰寫,有非常另人讚賞的改進. 以往寫一個WebPart要搞好多雜七雜八的步驟,也要硬寫HTML輸出,當然有人說可以寫 ...

  2. 相似度度量:欧氏距离与余弦相似度(Similarity Measurement Euclidean Distance Cosine Similarity)

    在<机器学习---文本特征提取之词袋模型(Machine Learning Text Feature Extraction Bag of Words)>一文中,我们通过计算文本特征向量之间 ...

  3. 深入学习OpenCV中图像灰度化原理,图像相似度的算法

    最近一段时间学习并做的都是对图像进行处理,其实自己也是新手,各种尝试,所以我这个门外汉想总结一下自己学习的东西,图像处理的流程.但是动起笔来想总结,一下却不知道自己要写什么,那就把自己做过的相似图片搜 ...

  4. 转:FORM:客制化Form的菜单栏和右鍵菜單

    Oracle EBS还允许客制化Form的菜单栏. 用户最多可以定义45个form-level的trigger,名称必须为SPECIALn, 其中SPECIAL1 to SPECIAL15属于Tool ...

  5. 【埃氏筛】洛谷P3383埃氏筛模板

    思路: 如果我们要筛出 [1, n] 内的所有素数,使用 [1, √n] 内的素数去筛就可以了 设bool型数组 a,a[i] 表示 i 是否被某个素数筛过 从 2 开始枚举每个数 i: 若 a[i] ...

  6. Objective-C - NSString 和 NSDate 互相轉換

    記錄一下在 Objective-C 由 NSString 轉換為 NSDate 或 NSDate 轉換為 NSString 的方法. 很簡單,使用 NSDateFormatter 就可以令 NSStr ...

  7. 在 Swift 專案中使用 Javascript:編寫一個將 Markdown 轉為 HTML 的編輯器

    原文:Using JavaScript in Swift Projects: Building a Markdown to HTML Editor 作者:GABRIEL THEODOROPOULOS ...

  8. js正則函數 match、exec、test、search、replace、split 使用介紹集合

    match 方法 使用正則表達式模式對字元串執行查找,並將包含查找的結果作為數組返回. stringObj.match(rgExp) 參數 stringObj 必選項.對其進行查找的 String 對 ...

  9. JavaScript基礎知識

    JavaScript基礎知識 1.標籤組使用 <script charset='utf-8' //設置字元集 defet //使腳本延遲到文檔解析完成,Browser已忽略 language=' ...

随机推荐

  1. delphi2009(10,xe)下indy10发送utf8字符串

    最近实现一个功能,使用delphi2009以TCP调用Java端的接口,接口要求先发送字符串的长度,然后再发送字符串内容,并且字符串要求是utf8格式的 调试了好长时间,才终于发现解决办法,或者说发现 ...

  2. xcode缓存清理

    移除对旧设备的支持 影响:可重新生成:再连接旧设备调试时,会重新自动生成. 路径: ~/Library/Developer/Xcode/iOS DeviceSupport 如果你不是在wb145230 ...

  3. iOS UIScrollView使用Autolayout

    最近项目在迭代更新的时候,需要在之前用Autolayout写的界面里添加一个button,添加完这个button后,iPhone5,iPhone4显示不全了.遇到整个问题后很自然就想到了用UIScro ...

  4. 利用Delphi实现网络监控系统

    实现的原理WINSOCK是一组API,用于在INTE.Net上传输数据和交换信息.用它编程本来是很麻烦的,但在DELPHHI中并不需要直接与WINSOCK的API打交道,因为TclientSocket ...

  5. 从IntToHex()说起,栈/堆地址标准写法 good

    学习中的一些牢骚.栈/堆地址标准写法. 2017-02-12 • 杂谈 • 暂无评论 • 老衲 •浏览 226 次 我一直都在寻找各种业务功能的最简单写法,用减法的模式来开发软件.下面是我的写法,如果 ...

  6. MiTeC System Information Component Suite 10.9.2 D5-XE3 Full Source

    The most complex system information probe in Delphi world, it consists of many standalone components ...

  7. Awesome C/C++(图像部分)

    GUI Graphic User Interface CEGUI - Flexible, cross-platform GUI library. FLTK - Fast, light, cross-p ...

  8. SpringCloud-分布式配置中心【加密-非对称加密】

    案例代码:https://github.com/q279583842q/springcloud-e-book 非对称加密 一.什么是非对称加密(Asymmetric encryption) 二.Jav ...

  9. 分布式流处理框架 Apache Storm —— 编程模型详解

    一.简介 二.IComponent接口 三.Spout     3.1 ISpout接口     3.2 BaseRichSpout抽象类 四.Bolt     4.1 IBolt 接口     4. ...

  10. openstack namespace 的应用

    查看虚拟机网络连通性 1.neutron port-list | grep IP 2.neutron port-show ID 查看subnet 3.neutron subnet-show ID 查看 ...