JavaScript計(jì)算正方形面積
更新時(shí)間：2019年11月26日 08:39:32 作者：若年封塵
這篇文章主要為大家詳細(xì)介紹了JavaScript計(jì)算正方形面積，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
用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>
正方形的邊長：<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;//獲取正方形的邊長
var area=Math.pow(radius,2);//計(jì)算正方形的面積
return area;
}
function show(){
//輸出正方形的面積
document.getElementById("area").value=area(radius);
}
</script>
</html>
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript正則函數(shù)中test和match的區(qū)別解析
在javascript中，用于檢測一個(gè)字符串是否匹配某個(gè)模式用的比較多的就是test和match方法。，這篇文章主要介紹了js正則函數(shù)中test和match的區(qū)別,需要的朋友可以參考下2022-11-11
JavaScript控制網(wǎng)頁層收起和展開效果的方法
這篇文章主要介紹了JavaScript控制網(wǎng)頁層收起和展開效果的方法,涉及javascript操作網(wǎng)頁元素動(dòng)態(tài)效果的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
加入這樣的一行代碼IE的document的訪問速度至少可以提高5倍以上，對(duì)于頁面使用document的朋友絕對(duì)是個(gè)好方法。2010-12-12
JavaScript實(shí)現(xiàn)新年倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)新年倒計(jì)時(shí)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了JavaScript常用方法和封裝詳情，文章圍繞JavaScript的方法和封裝相關(guān)資料展開詳情，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-03-03
這篇文章主要介紹了淺談Webpack 持久化緩存實(shí)踐,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
IE6瀏覽器中window.location.href無效的解決方法
這篇文章主要介紹了IE6瀏覽器中window.location.href無效的解決方法,給出了正確與錯(cuò)誤的實(shí)例對(duì)比,分析跳轉(zhuǎn)無效的原因與解決方法,是非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11
JS數(shù)組進(jìn)階示例【數(shù)組的幾種函數(shù)用法】
這篇文章主要介紹了JS數(shù)組進(jìn)階,結(jié)合實(shí)例形式總結(jié)分析了數(shù)組的幾種常見函數(shù)基本用法,涉及JavaScript數(shù)組元素刪除、拼接、添加、倒序排列等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了JS原型對(duì)象的創(chuàng)建方法,結(jié)合實(shí)例形式詳細(xì)分析了js對(duì)象的創(chuàng)建方法與相關(guān)注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
獲取Javscript執(zhí)行函數(shù)名稱的方法
獲取Javscript執(zhí)行函數(shù)名稱的方法...2006-12-12