[legko.require("/_sys_/_head.html")]

    <script src="dictionary.js" defer></script> <!-- Подключение словаря -->
    <h1>Таджикско-Русский Словарь</h1>
    <label for="directionSelect">Выберите направление перевода:</label>
    <select id="directionSelect">
        <option value="tj-ru">Таджикский → Русский</option>
        <option value="ru-tj">Русский → Таджикский</option>
    </select>
    <br>
    <label for="wordInput">Введите слово:</label>
    <input type="text" id="wordInput" placeholder="Введите слово">
    <button onclick="translateWord()">Перевести</button>

    <div class="result" id="result"></div>

    <script>
        function translateWord() {
            const direction = document.getElementById('directionSelect').value; // Направление перевода
            const word = document.getElementById('wordInput').value.trim().toLowerCase();

            let result;
            if (direction === "tj-ru") {
                result = dictionary[word]?.ru || "Перевод не найден";
            } else if (direction === "ru-tj") {
                result = dictionary[word]?.tj || "Перевод не найден";
            }

            document.getElementById('result').textContent = result;
        }
    </script>

[legko.require("/_sys_/_foot.html")]