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 href="https://fonts.cdnfonts.com/css/redkost-comic" rel="stylesheet">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7149371333306285"
     crossorigin="anonymous"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <title>Multiplication App</title>
</head>
<body>
    <div class="container">
        <a href="./arabic.html"><button title="switch to arabic" id="en">arabic</button></a>
        <audio autoplay loop id="soundTrack" src="https://vgmsite.com/soundtracks/prodigy-math-game/oveamfciqh/Academy.mp3" preload="auto"></audio>
        <div class="app">
            <header>
                <span id="emoji"></span>
                <span >score :<span id="score">0</span></span>
            </header>
            <h1 >what is <span id="num1">0</span> multiply by <span id="num2">0</span> ?</h1>
            <input type="number" placeholder="enter your answer" id="input">
            <button id="btn">submit</button>
        </div>
        <span >created by <strong><i>badr moslih </i></strong><br>all rights reserved &#169;</span>
    </div>
    <script src="main.js"></script>
</body>
</html>