Easy-Micro

LANGAGE Script JavaScript
Script de calcul

Script JavaScript de calcul


Exemple de calcul avec javascript

Calcul :


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>

Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]