Im vorherigen Artikel ?Berechnen Sie das Volumen eines Zylinders mit Javascript und behalten Sie 4 Dezimalstellen bei“ habe ich Ihnen vorgestellt, wie Sie das Volumen eines Zylinders mit Javascript berechnen k?nnen ~
Chinesische Version von Das Thema dieses Artikels lautet ?Schreiben Sie ein JavaScript-Programm, um das Produkt und den Quotienten zweier Zahlen (aus Benutzereingaben) zu berechnen“.
Wenn wir Multiplikation und Division basierend auf zwei vom Benutzer eingegebenen Zahlen berechnen müssen, müssen wir zun?chst ein Formular erstellen.
Ich gebe Ihnen direkt unten den vollst?ndigen Implementierungscode:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<style type="text/css">
body {margin: 30px;}
</style>
</head>
<body>
<form>
第一個數(shù) : <input type="text" id="firstNumber" /><br>
第二個數(shù): <input type="text" id="secondNumber" /><br>
<input type="button" onClick="multiplyBy()" Value="相乘" />
<input type="button" onClick="divideBy()" Value="相除" />
</form>
<p>計算結(jié)果是: <br>
<span id = "result"></span>
</p>
<script>
function multiplyBy()
{
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 * num2;
}
function divideBy()
{
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 / num2;
}
</script>
</body>
</html>Sehen Sie sich den Effekt wie folgt über den Browser an:
Geben Sie dann einfach zwei Zahlen ein, um die Berechnungsergebnisse der Multiplikation und Division anzuzeigen:
Nichts falsch! Absolut richtig!
Im obigen Code:
document.getElementById(id).value: Das Wertattribut legt den Wert des Wertattributs des Textfelds fest oder gibt ihn zurück. document.getElementById(id).value:?value屬性設(shè)置或返回文本字段的value屬性的值。
document.getElementById("result").innerHTM :?innerHTML屬性設(shè)置或返回元素的HTML內(nèi)容(內(nèi)部HTML)。
→注：HTML DOM定義了多種查找元素的方法，除了 getElementById() 之外，還有 getElementsByName() 和 getElementsByTagName()；不過，如果需要查找文檔中的一個特定的元素，最有效的方法是getElementById()。在操作文檔的一個特定的元素時，最好給該元素一個 id 屬性，為它指定一個（在文檔中）唯一的名稱，然后就可以用該 ID 查找想要的元素。
還有關(guān)鍵計算相乘和相除的公式“num1 * num2”和“num1 / num2
document.getElementById("result").innerHTM: Das innerHTML-Attribut legt den HTML-Inhalt des Elements (inneres HTML) fest oder gibt ihn zurück.
→Hinweis: HTML DOM definiert mehrere Methoden zum Suchen von Elementen. Zus?tzlich zu getElementById() gibt es auch getElementsByName() und getElementsByTagName() ; Wenn Sie jedoch ein bestimmtes Element im Dokument finden müssen, ist getElementById() die effizienteste Methode. Wenn Sie ein bestimmtes Element eines Dokuments manipulieren, ist es eine gute Idee, diesem Element ein ID-Attribut zu geben, ihm einen eindeutigen Namen (innerhalb des Dokuments) zu geben und diese ID dann zu verwenden, um das gewünschte Element zu finden. Es gibt auch wichtige Berechnungsformeln für Multiplikation und Division ?num1 * num2“ und ?num1 / num2“.
Abschlie?end m?chte ich ?????Basic JavaScript Tutorial????“ jedem empfehlen ~ Willkommen zum Lernen ~ ??
Das obige ist der detaillierte Inhalt vonAusführliche Erkl?rung, wie man zwei Zahlen mit Javascript multipliziert und dividiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!