JavaScript計(jì)算正方形面積
用JavaScript實(shí)現(xiàn)計(jì)算正方形的面積注意用一個(gè)Math.pow()函數(shù)。
實(shí)現(xiàn)效果:
實(shí)現(xiàn)代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form method="get" action=""> <h2>計(jì)算正方形的面積</h2> 正方形的邊長(zhǎng):<input type="text" id="radius"><br> 正方形的面積:<input type="text" readonly="readonly" id="area"><br> <input type="button" value="計(jì)算" onclick="show()" /> <input type="reset" value="重置" /> </form> </body> <script type="text/javascript"> function area(radius){ var radius=document.getElementById("radius").value;//獲取正方形的邊長(zhǎng) var area=Math.pow(radius,2);//計(jì)算正方形的面積 return area; } function show(){ //輸出正方形的面積 document.getElementById("area").value=area(radius); } </script> </html>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript實(shí)現(xiàn)div層漸隱效果的方法
這篇文章主要介紹了Javascript實(shí)現(xiàn)div層漸隱效果的方法,涉及javascript操作頁(yè)面元素與樣式變化的相關(guān)技巧,需要的朋友可以參考下2015-05-05封裝一個(gè)公用Echarts圖表組件的3種模板代碼示例
這篇文章主要給大家介紹了關(guān)于封裝一個(gè)公用Echarts圖表組件的3種模板,定義圖表公共樣式是為了統(tǒng)一同一網(wǎng)站各頁(yè)面圖表的基礎(chǔ)樣式,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02關(guān)于前后端json數(shù)據(jù)的發(fā)送與接收詳解
這篇文章主要給大家介紹了關(guān)于前后端json數(shù)據(jù)發(fā)送與接收的相關(guān)資料,文中通過(guò)示例代碼詳細(xì)介紹了關(guān)于flask中的json數(shù)據(jù)接收和前端發(fā)送json數(shù)據(jù)等內(nèi)容,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-07-07按下Enter焦點(diǎn)移至下一個(gè)控件的實(shí)現(xiàn)js代碼
正如標(biāo)題所言使用js操作按下Enter焦點(diǎn)移至下一個(gè)控件,具體的實(shí)現(xiàn)示例如下,需要的朋友可以參考下2013-12-12用javascript連接access數(shù)據(jù)庫(kù)的方法
用javascript連接access數(shù)據(jù)庫(kù)的方法...2006-11-11javascript 折半查找字符在數(shù)組中的位置(有序列表)
折半查找字符在數(shù)組中的位置(有序列表),需要的朋友可以參考下。2010-12-12