Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Zadatak 1</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <h1>Zadatak 1</h1>
    <div class="zadatak">
        <p>U liste je potrebno razvrstati broj u zavisnosti da li je on paran ili neparan.</p>
    </div>
    <!-- Ne sme se menjati HTML struktura dokumenta -->
    <label for="broj">Unesite broj:</label>
    <input id="broj" type="number">
    <button id="unosBroja">Unesite broj</button>
    <div class="flex-container">
        <div id="parniBrojevi">
            <h3>Parni brojevi</h3>
        </div>
        <div id="neparniBrojevi">
            <h3>Neparni brojevi</h3>
        </div>
    </div>

    <!-- Vaš kod pišite isključivo u okviru script taga -->
    <script>

        let inputBroj = document.querySelector("#broj").value;
        let br = Number(inputBroj);
        let btnUnosBroja = document.querySelector("#unosBroja");
        let leviDiv = document.querySelector("#parniBrojevi");
        let desniDiv = document.querySelector("#neparniBrojevi");

        btnUnosBroja.onclick = function () {
            if (!br) {
                return;
            }
            if (br % 7 == 0 && inputBroj % 3 == 0) {
                leviDiv.innerHTML += br;
                desniDiv.innerHTML += br;
            }
            else if (inputBroj % 3 == 0) {
                desniDiv.innerHTML += br;
            }
            else if (inputBroj % 7 == 0) {
                leviDiv.innerHTML += br;
            }
            leviDiv.innerHTML += "<br>";
            desniDiv.innerHTML += "<br>";
        }

    </script>
</body>

</html>