Как сделать вывод подсказок адресов при вводе в поле, используя yandex api?

Question

[Nikolai Khoziashev]

function showSuggestionDeliveryAddresses(inputId) {
    ymaps.ready(function () {
        const suggestView = new ymaps.SuggestView(inputId);
        
        const input = document.getElementById(inputId);
        const suggestionsList = document.createElement('ul');
        
        suggestionsList.classList.add('suggestions-list');
        
        input.parentNode.insertBefore(suggestionsList, input.nextSibling);
        
        input.addEventListener('input', function () {
            suggestionsList.innerHTML = '';

            ymaps.suggest(input.value).then(function (items) {
                items.forEach(function (item) {
                    let li = document.createElement('li');
                    
                    li.textContent = item.displayName;
                    li.addEventListener('click', function () {
                        input.value = item.displayName;
                        suggestionsList.innerHTML = '';
                    });

                    suggestionsList.appendChild(li);
                });
            });
        });
    });
}

$(document).ready(function() {
	showSuggestionDeliveryAddresses("profile_delivery_address");
});

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=КЛЮЧ_1&suggest_apikey=КЛЮЧ_2" type="text/javascript"></script>

первый ключ создал в интерфейсе JavaScript API и HTTP Геокодер, а второй в API Геосаджеста в кабинете разраба yandex, по итогу мне выдает несколько интересных ошибок

вопрос: тоесть тупо js я не могу реализовать задачу?

Comments

[freeExec]

Всё должно работать, надо разбираться с ключами. Вы указывали свой сайт при создании ключей? И как минимум с локалхостом должно всё работать.

[Nikolai Khoziashev]

да, спасибо, я указал на каких доменах должны работать ключи, и все заработало