javascript в форме

[ktotut]

Добрый день!

Помогите пожалуйста:

нужно создать код javasript который работает по событию после ввода пользователем значения в поле input в форме автоматизации следующим образом. нужно чтобы после того как пользователь ввел в это поле значение в форме появилось содержимое ссылки сформированной как http://site.ru/ЗначениеПоляВведенноеПользователем

мой код не работает
// Находим поле ввода и добавляем обработчик события input
const inputField = document.getElementById('$('#fields_215')');

inputField.addEventListener('input', function() {
// Получаем значение поля ввода
const inputValue = inputField.value;

// Формируем ссылку, добавляя значение поля к базовой ссылке
const baseUrl = 'http://site.ru';
const finalUrl = `${baseUrl}/${encodeURIComponent(inputValue)}`;

// Выводим результат в форме
const resultContainer = document.getElementById('$('#fields_228')');
resultContainer.textContent = finalUrl;
});

[Develop-Soft]

const inputField = document.getElementById('$('#fields_215')');

Ну, синтаксис неправильный...
А какие типы полей 215 и 218?

[ktotut]

const inputField = document.getElementById('$('#fields_215')');

Ну, синтаксис неправильный...
А какие типы полей 215 и 228?

215 = поле ввода
228 = iframe

[Develop-Soft]

Код: Выделить всё

baseUrl = 'http://site.ru';

$('#fields_215').on('input', function (){
	$('#fields_228').val(baseUrl + '/' + encodeURIComponent($(this).val()));
});