html форма со скриптом. Нужно чтобы делала запрос по API
Есть код html файла с формой, которая должна отправить запрос и получить ответ. Проблема в том, что нужно данные из формы подсунуть в ссылку. это переменная j. если вместо этой переменной поставить 2022, то скрипт работает. Как эту переменную из формы пихнуть в ссылку?
<input type="text" id="q" style="width: 10%;">
<button type="button" id="get">Go</button>
<div id="result"></div>
<script>
function getData() {
const j = '#q';
const jj = 'https://date.nager.at/api/v3/publicholidays/';
const jjj = '/RU';
const requestURL = jj + j + jjj;
const xhr = new XMLHttpRequest();
xhr.open('GET', requestURL);
xhr.onload = () => {
if (xhr.status !== 200) {
return;
}
document.querySelector('#result').innerHTML = xhr.response;
}
xhr.send();
}
document.querySelector('#get').addEventListener('click', () => {
getData();
});
</script>