Script JavaScriptScript de calcul
Script JavaScript de calcul
Exemple de calcul avec javascript
Le fichier js/calcul_javascript.js :
/* -- www.easy-micro.org -- */
// fonction anonyme
const doTheJob = function() {
let lechiffre1 = document.getElementById('chiffre1').value;
let lechiffre2 = document.getElementById('chiffre2').value;
let operation = document.getElementById('operation').value;
if(lechiffre1 == "" || lechiffre1 == "" ) {
alert("Merci de saisir une valeur")
}
else {
// window.eval() permet une concatenation entre variables (sans chaîne entre elles)
let leresultat = window.eval(lechiffre1 + operation + lechiffre2);
document.getElementById('résultat').value = leresultat;
document.getElementById('résultat').style.display = "inline";
document.getElementById('leReset').style.display = "inline";
}
}
const resetAll = function(){
document.getElementById('chiffre1').value = null;
document.getElementById('chiffre2').value = null;
document.getElementById('résultat').style.display = "none";
document.getElementById('leReset').style.display = "none";
}
Le fichier HTML :
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calcul en Javascript avec Easy-Micro</title>
</head>
<body>
<input type="number" id="chiffre1">
<select id="operation">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="number" id="chiffre2">
<button onclick="doTheJob();">Calculer</button>
<input type="text" id="résultat" style="display:none;">
<button onclick="resetAll();" style="display:none;" id="leReset">C</button>
<span style="font-size: 8px;">Tous les champs sont obligatoires</span>
<script src="js/calcul_javascript.js"></script>
</body>
</html>