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>
正方形的邊長(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
這篇文章主要介紹了asp.net+js實(shí)現(xiàn)金額格式化的相關(guān)資料,需要的朋友可以參考下2015-02-02
封裝一個(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-11
javascript 折半查找字符在數(shù)組中的位置(有序列表)
折半查找字符在數(shù)組中的位置(有序列表)，需要的朋友可以參考下。2010-12-12
這篇文章主要介紹了微信小程序中weui用法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
對(duì)于生成縮略圖一般做法是通過(guò)后端語(yǔ)言php等來(lái)生成，但是為了給服務(wù)器減壓，我們或許可以從前端來(lái)著手，先生成好不同尺寸的縮略圖，傳給后端，而后端只需要將前端傳過(guò)來(lái)的圖片進(jìn)行存儲(chǔ)就好了2020-10-10
本篇文章主要介紹了使用Ajax與服務(wù)器（JSON）通信方法，Ajax提供了兩類服務(wù)器通信手段：同步通信和異步通信。有需要的可以了解一下。2016-11-11