今天,跟著W3School學到了"JavaScript函數"，代碼都挺簡單的，在運算符調用函數的地方寫了一個小程序。原碼程序是這樣的：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <h2>JavaScript 函数</h2>
  6.  
  7. <p id="demo"></p>
  8.  
  9. <script>
  10. document.getElementById("demo").innerHTML =
  11. "温度是：" + toCelsius(86) + " 摄氏度。";
  12.  
  13. function toCelsius(fahrenheit) {
  14.     return (5/9) * (fahrenheit-32);
  15. }
  16. </script>
  17.  
  18. </body>
  19. </html>

　　這個代碼沒什麽毛病，確實也能將設置的86華氏度換算成攝氏度。但是，這是寫死的代碼好不好。我要算100度呢，200度呢，是不是每次都要在代碼裏改？這算什麽？我決定重新寫這個代碼，讓用戶輸入一個華氏溫度，設置一個轉換按鈕，一點擊按鈕，就可以把溫度轉換成攝氏溫度。這裏上代碼偷個懶，上原碼也看不到樣式，樣式就不寫了。我寫的代碼如下：

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>JSNote1</title>
  6. <head>
  7. <body>
  8. <!--	改進代碼,讓用戶自己輸入華氏溫度,點擊按鈕,由電腦計算出攝氏溫度並返回-->
  9. <!--
  10. 	步驟:1,定義兩個input標簽,一個用來讓用戶輸入溫度,一個用來顯示結果.
  11. 		2,定義一個提交標簽,點擊按鈕,就顯示計算結果.
  12. 		3,寫方法,套用計算公式
  13. -->
  14. 	<input type="text" id="putFah" placeholder="請輸入一個華氏溫度">
  15. 	<input type="submit" value="轉換" onClick="toCet()">
  16. 	<input type="text" id="getResult">
  17. 	<script>
  18. 		function toCet(){
  19. 			//a的值從id=putFah的代碼傳遞過來
  20. 			a = Number(document.getElementById("putFah").value);
  21. 			//用id=getResult的代碼接收經公式計算后的結果
  22. 			document.getElementById("getResult").value = (5/9)*(a-32);
  23. 		}
  24. 	</script>
  25. </body>
  26. </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. 通通玩blend美工（3）——可爱的云

    原文:通通玩blend美工(3)--可爱的云 好久没有写这个系列的博客了,这里给个电梯吧,照顾新来的同学~~ 通通玩blend美工(1)——荧光Button 通通玩blend美工(2)——时钟 目前我 ...

  2. jq自定义下拉菜单，当用户点击非自身元素（下拉菜单）本身时关闭下拉菜单

    jq自定义下拉菜单,当用户点击非自身元素(下拉菜单)本身时关闭下拉菜单 截图: 代码如下: //关闭用户菜单 $(document).mousedown(function(e){ var _con = ...

  3. 小记同学一次奇葩的DNS欺骗实验失败经历

    这是一个DNS欺骗实验,使用kali的ettercap.有受害者.攻击者(虚拟机).Web服务器三台机器.受害者的事124.16.70.105虚拟机的是124.16.71.48web服务器是124.1 ...

  4. C#图片保存与读取，以及图片另存

    照片的保存与读取 /// <summary> /// 图片转二进制 /// </summary> /// <param name="imgPhoto" ...

  5. C#如何将十六进制数字符串转byte[]？

    代码: /// <summary> /// 16进制原码字符串转字节数组 /// </summary> /// <param name="hexString&q ...

  6. ArrayList(1.8)

    public class ArrayList<E> extends AbstractList<E> implements List<E>, RandomAccess ...

  7. Android零基础入门第77节：Activity任务栈和启动模式

    通过前面的学习,Activity的基本使用都已掌握,接下来一起来学习更高级的一些内容. Android采用任务栈(Task)的方式来管理Activity的实例.当启动一个应用时,Android就会为之 ...

  8. 深入windows的关机消息截获-从XP到Win7的变化（在XP中程序可以阻止关机，但是在Win7中程序无法阻止关机，可Block的时间从1秒调到了5秒） good

    之前写了一个软件用于实验室的打卡提醒,其中一个重要的功能是在关机之前提醒当天晚上是否已经打卡.之前我是在WM_ENDSESSION中弹出一个模态对话框来提醒,在XP中基本工作正常,在Win7中大多数时 ...

  9. 这里有123个黑客必备的Python工具！

    123个Python渗透测试工具,当然不仅于渗透~ 如果你想参与漏洞研究.逆向工程和渗透,我建议你时候用Python语言.Python已经有很多完善可用的库,我将在这里把他们列出来. 这个清单里的工具 ...

  10. 在C#中创建文件快捷方式

    创建快捷方式对于绝大多数 Windows 用户来说都是小菜一碟了,然而,这项工作却为程序员带来不少麻烦..NET 没有提供简便直接的创建快捷方式的方法,那么在 .NET 中我们如何为应用程序创建快捷方 ...