lien javascript html

mcloufz
Javascript

Bonjour,

Voila je rencontre un petit problème avec mon code.

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>Calculette</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>

<div id="wrapper"></div>
<h1>Calculette</h1>
</div>
<div id="enonce">
    <li>Selectionner l'opération à éxecuter</li>

</div>
<div id="calculatrice">
    <table>
        <tr>
            <td class="info"><label for="nbr1">Nombre1 : </label></td>
            <td><input type="number" id="nbr1" name="nbr1" placeholder="Entrer le premier nombre"></td>

        </tr>
        <tr>
            <td class="info"><label for="nbr2">Nombre2 : </label></td>
            <td><input type="number" id="nbr2" name="nbr2" placeholder="Entrer le deuxieme nombre"></td>

        </tr>
        <tr>
            <td>
                <select name="" id="">
                        <option id="add" value="">Addition</option>
                        <option id="sous" value="">Soustraction</option>
                        <option id="mult" value="">Multiplication</option>
                        <option id="divi" value="">Division</option>
                    </select>
            </td>
            <td><input type="button" name="btn" id="btn" value="Calculer"></td>
        </tr>
        <tr>
            <td class="info"><label for="result">Resultat : </label></td>
            <td><input type="text" name="result" id="result"></td>
        </tr>
    </table>

</div>

</body>

</html>

voici ma page html mais le probleme cest que je n'arrive pas a faire le lien avec mon js
tenez mon code js :

function calculer() {
var valeur1, valeur2, resultat;
valeur1 = document.getElementById("nbr1").value;
valeur2 = document.getElementById("nbr2").value;

if (document.getElementById("add").selected) {
    resultat = parseInt(valeur1) + parseInt(valeur2);

} else if (document.getElementById("sous").selected) {
    resultat = parseInt(valeur1) - parseInt(valeur2);
} else if (document.getElementById("mult").selected) {
    resultat = parseInt(valeur1) * parseInt(valeur2);
} else if (document.getElementById("divi").selected) {
    resultat = parseInt(valeur1) / parseInt(valeur2);
}
innerhtml = resultat

}

document.getElementById("btn").onclick = calculer();

merci d'avance

1 réponse

alain_47
Réponse acceptée

Bonjour,
Pourquoi mettre le resultat dans un 'input' ?
Ne serait-ce pas mieux de le mettre juste dans le 'td' 

<td id="result"></td>

puis dans le JS 

document.getElementById('result').innerHTML = result

d'ailleurs, puisque le resultat est du texte sans balise html, il est preferable d utiliser 'textContent'

document.getElementById('result').textContent = result