Heim > Artikel > Web-Frontend > Numerische Berechnung der JS-Operation im Eingabe-Tag

Numerische Berechnung der JS-Operation im Eingabe-Tag

php中世界最好的语言Original: 2018-04-19 10:21:172370Durchsuche

Dieses Mal bringe ich Ihnen die Vorsichtsmaßnahmen näher. Hier sind tatsächliche Fälle, schauen wir uns das an.

<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title></title>
<script>
window.onload=function(){
var oIput1=document.getElementById(&#39;put1&#39;);
var oIput2=document.getElementById(&#39;put2&#39;);
var nAdd=document.getElementById(&#39;add&#39;);
var nSub=document.getElementById(&#39;subtraction&#39;);
nAdd.onclick=function(){
var a=Number(oIput1.value);
var b=Number(oIput2.value);
c = a+b;
alert(c);
}
nSub.onclick=function(){
var a=Number(oIput1.value);
var b=Number(oIput2.value);
c = a-b;
alert(c);
}
}
</script>
</head>
<body>
数值1:<inputid="put1"type="text"value=""/>
数值2：<inputid="put2"type="text"value=""/>
<inputtype="button"id="add"value="求和"/>
<inputtype="button"id="subtraction"value="相减"/>
</body>
</html>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Echtzeiterfassung des Inhalts des Eingabefelds

Detaillierte Erläuterung der Verwendung des Vue-Bereichs Slots

vue implementiert die Funktion zum Vergrößern von Bildern (mit Code)

Das obige ist der detaillierte Inhalt vonNumerische Berechnung der JS-Operation im Eingabe-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php JS 作用域 input

Stellungnahme：

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

Vorheriger Artikel：Implementierung des AngularJS-ZeitplansNächster Artikel：Implementierung des AngularJS-Zeitplans

In Verbindung stehende Artikel

Mehr sehen