Dans l'article précédent "Calculer le volume d'un cylindre via javascript et conserver 4 décimales", je vous ai présenté comment calculer le volume d'un cylindre via javascript. Les amis intéressés peuvent également en apprendre davantage ~
Version chinoise de. cet article Le sujet est "écrire un programme JavaScript pour calculer le produit et le quotient de deux nombres (à partir de la saisie de l'utilisateur)".
Si nous devons calculer la multiplication et la division sur la base de deux nombres saisis par l'utilisateur, nous devons alors commencer par créer un formulaire.
Je vais vous donner le code d'implémentation complet directement ci-dessous?:
<!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>計算結果是: <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>Voir l'effet via le navigateur comme suit?:
Ensuite, saisissons simplement deux nombres pour voir les résultats du calcul de multiplication et de division?:
Rien de mal ! Tout à fait vrai !
Dans le code ci-dessus?:
document.getElementById(id).value?: L'attribut value définit ou renvoie la valeur de l'attribut value du champ de texte. document.getElementById(id).value:?value屬性設置或返回文本字段的value屬性的值。
document.getElementById("result").innerHTM :?innerHTML屬性設置或返回元素的HTML內容(內部HTML)。
→注：HTML DOM定義了多種查找元素的方法，除了 getElementById() 之外，還有 getElementsByName() 和 getElementsByTagName()；不過，如果需要查找文檔中的一個特定的元素，最有效的方法是getElementById()。在操作文檔的一個特定的元素時，最好給該元素一個 id 屬性，為它指定一個（在文檔中）唯一的名稱，然后就可以用該 ID 查找想要的元素。
還有關鍵計算相乘和相除的公式“num1 * num2”和“num1 / num2
document.getElementById("result").innerHTM?: L'attribut innerHTML définit ou renvoie le contenu HTML de l'élément (HTML interne).
→Remarque : HTML DOM définit plusieurs méthodes pour rechercher des éléments en plus de getElementById(), il existe également getElementsByName() et getElementsByTagName() ; Cependant, si vous avez besoin de rechercher un élément spécifique dans le document, la méthode la plus efficace est getElementById(). Lors de la manipulation d'un élément spécifique d'un document, c'est une bonne idée de donner à cet élément un attribut id, en lui donnant un nom unique (dans le document), puis d'utiliser cet ID pour trouver l'élément souhaité. Il existe également des formules de calcul clés pour la multiplication et la division "num1 * num2" et "num1 / num2".
Enfin, je voudrais recommander "????Tutoriel JavaScript de base????" à tout le monde~ Bienvenue à tous pour apprendre~??
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!