index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="calcul-icon.png">
    <title>Calculatrice</title>
    <script src="https://kit.fontawesome.com/6e1f11847a.js" crossorigin="anonymous"></script>
</head>
<body onload="traduction()">
    <footer>
            <select>
                <option>Francais</option>
                <option>Arabe</option>
            </select>
    </footer>
    <header>   
        <label id="dark-change">
        </header>   
        <table>
            <tr>
                <td colspan="3"><input type="text" class="but" id="display" disabled></td>
                <td><button onclick="clearStock()" class="depart"><i class="fa-solid fa-trash"></i></button></td>
                <td><button onclick="clearoneStock()" class="depart"><i class="fa-solid fa-delete-left"></i> </button></td>
                <td><button class="depart" ><a href="sortie.html"><i class="fa fa-power-off" aria-hidden="true"></i></a></button></td>
            </tr>
            <tr>
                <td><button id="1" onclick="addNumber('1')" class="btn">1</button></td>
                <td><button id="2" onclick="addNumber('2')" class="btn">2</button></td>
                <td><button id="3" onclick="addNumber('3')" class="btn">3</button></td>
                <td><button id="+" onclick="addNumber('+')" class="Trait">+</button></td>
                <td><button id="-" onclick="addNumber('-')" class="Trait">-</button></td>
                <td><button onclick="binaire()" class="Trait" id="bin"></button></td>                
            </tr>
            <tr>
                <td><button id="4" onclick="addNumber('4')" class="btn">4</button></td>
                <td><button id="5" onclick="addNumber('5')" class="btn">5</button></td>
                <td><button id="6" onclick="addNumber('6')" class="btn">6</button></td>
                <td><button id="*" onclick="addNumber('*')" class="Trait">x</button></td>
                <td><button id="/" onclick="addNumber('/')" class="Trait">/</button></td>
                <td><button  onclick="Age()" id="age" class="Trait"></button></td>
            </tr>
            <tr>
                <td><button id="7" onclick="addNumber('7')" class="btn">7</button></td>
                <td><button id="8" onclick="addNumber('8')" class="btn">8</button></td>
                <td><button id="9" onclick="addNumber('9')" class="btn">9</button></td>
                <td><button ondblclick="carre()" onclick="addNumber('²')" class="Trait" >x²</button></td>
                <td><button id="%" onclick="addNumber('%')" class="Trait">%</button></td>
                <td><button onclick="mo9abil()" class="Trait">+/-</button></td>
            </tr>
            <tr>
            <td><button id="." onclick="addNumber('.')" class="btn">.</button></td>
            <td><button id="0" onclick="addNumber('0')" class="btn">0</button></td>
            <td><button id="=" onclick="clalculate()" class="egal">=</button></td>
            <td><button id="Ans" class="Trait" onclick="historique()" ></button></td>
            <td><button  class="Trait" onclick="fact()" id="fact"></button></td>
            <td><button id="ra" class="Trait" onclick="romai()"></button></td>
        </tr>
        </table>
    </div>
    <script src="calcul.js"></script>

</html>    