JavaScript計算正方形面積
更新時間：2019年11月26日 08:39:32 作者：若年封塵
這篇文章主要為大家詳細(xì)介紹了JavaScript計算正方形面積，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
用JavaScript實現(xiàn)計算正方形的面積注意用一個Math.pow()函數(shù)。
實現(xiàn)效果：
實現(xiàn)代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form method="get" action="">
<h2>計算正方形的面積</h2>
正方形的邊長：<input type="text" id="radius"><br>
正方形的面積：<input type="text" readonly="readonly" id="area"><br>
<input type="button" value="計算" 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);//計算正方形的面積
return area;
}
function show(){
//輸出正方形的面積
document.getElementById("area").value=area(radius);
}
</script>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Javascript實現(xiàn)div層漸隱效果的方法,涉及javascript操作頁面元素與樣式變化的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了asp.net+js實現(xiàn)金額格式化的相關(guān)資料,需要的朋友可以參考下2015-02-02
這篇文章主要給大家介紹了關(guān)于封裝一個公用Echarts圖表組件的3種模板,定義圖表公共樣式是為了統(tǒng)一同一網(wǎng)站各頁面圖表的基礎(chǔ)樣式,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
關(guān)于前后端json數(shù)據(jù)的發(fā)送與接收詳解
這篇文章主要給大家介紹了關(guān)于前后端json數(shù)據(jù)發(fā)送與接收的相關(guān)資料，文中通過示例代碼詳細(xì)介紹了關(guān)于flask中的json數(shù)據(jù)接收和前端發(fā)送json數(shù)據(jù)等內(nèi)容，需要的朋友可以參考借鑒，下面來一起看看吧。2017-07-07
正如標(biāo)題所言使用js操作按下Enter焦點移至下一個控件，具體的實現(xiàn)示例如下，需要的朋友可以參考下2013-12-12
用javascript連接access數(shù)據(jù)庫的方法
用javascript連接access數(shù)據(jù)庫的方法...2006-11-11
javascript 折半查找字符在數(shù)組中的位置(有序列表)
折半查找字符在數(shù)組中的位置(有序列表)，需要的朋友可以參考下。2010-12-12
這篇文章主要介紹了微信小程序中weui用法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
對于生成縮略圖一般做法是通過后端語言php等來生成，但是為了給服務(wù)器減壓，我們或許可以從前端來著手，先生成好不同尺寸的縮略圖，傳給后端，而后端只需要將前端傳過來的圖片進(jìn)行存儲就好了2020-10-10
本篇文章主要介紹了使用Ajax與服務(wù)器（JSON）通信方法，Ajax提供了兩類服務(wù)器通信手段：同步通信和異步通信。有需要的可以了解一下。2016-11-11