Как я могу захватить пользовательский ввод для передачи параметра в вызов HTTPS API и возврата ответа пользователю?

Question

Я пытаюсь передать пользовательский ввод из формы для динамической подачи поиска API, а затем вернуть ответ пользователю. Пользовательский ввод фиксируется в форме, и я хотел бы передать его, используя идентификатор поля формы. Код работает сам по себе в узле, но мне нужно запустить его, а не запускать его кнопкой поиска, когда пользователь вводит UPC

Я пытался использовать вызов $ .ajax, но безуспешно; У меня также возникают проблемы с тем, что требование HTTPS не распознается в браузере, поскольку это функциональность на стороне сервера

const https = require('https')
var opts = {
    hostname: 'api.upcitemdb.com',
    path: '/prod/trial/lookup',
    method: 'POST',
    headers: {
        "Content-Type": "application/json",

    }
}
var req = https.request(opts, function (res) {
    console.log('statusCode: ', res.statusCode);
    console.log('headers: ', res.headers);
    res.on('data', function (UPCoutput) {
        var UPCparsed = JSON.parse(UPCoutput);
        console.log('Product: ' + UPCparsed.items[0].title);
        console.log('UPC: ' + UPCparsed.items[0].upc);
        console.log('Image: ' + UPCparsed.items[0].images[0]);
        console.log('Price: ' + UPCparsed.items[0].offers[0].price);

    })
})
req.on('error', function (e) {
    console.log('problem with request: ' + e.message);
});

const userUPC = "604214384507"
const searchAPI = { upc: userUPC }

req.write(JSON.stringify(searchAPI))
req.end()

в идеале я бы передавал пользовательский ввод в вызов API и возвращал ответ пользователю - не уверен, как подключить узел к html.