Heim > Web-Frontend > js-Tutorial > So berechnen Sie die Fläche eines Quadrats mit js

So berechnen Sie die Fläche eines Quadrats mit js

王林
Freigeben: 2020-04-04 09:05:37
nach vorne
3914 Leute haben es durchsucht

So berechnen Sie die Fläche eines Quadrats mit js

Um die Fläche eines Quadrats mit JS zu berechnen, können Sie die Funktion Math.pow() verwenden.

Sehen wir uns zunächst den Implementierungseffekt an:

So berechnen Sie die Fläche eines Quadrats mit js

Beispielcode:

<!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>
Nach dem Login kopieren

Verwandte Tutorial-Empfehlungen: js-Tutorial

Das obige ist der detaillierte Inhalt vonSo berechnen Sie die Fläche eines Quadrats mit js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
js
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Aktuelle Ausgaben
Wo steht js?
Aus 1970-01-01 08:00:00
0
0
0
js-Dateicode nicht gefunden
Aus 1970-01-01 08:00:00
0
0
0
js addClass funktioniert nicht
Aus 1970-01-01 08:00:00
0
0
0
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage