xmoonlight

Чистый js: .innerHTML='текст';
Jquery: .text='текст';

Или вместо "=" использовать скобки: ('текст')

Текст у бота:

Они приобрели машину и уехали на море.

Вопрос боту:

на чём они уехали на море?

Ответ бота: ..... (что он должен ответить?)
-----
Именно от этого зависит: будут покупать или нет.

Архитектура: обращение к базе знаний клиента через API со стороны вашего сервера на сервер клиента и возврат результата тоже на сервер клиента: всё общение происходит через "диалог" между серверами, браузерный конечный фронт-клиент (пользователь сайта бота) - не участвует в этом диалоге!
JS на фронте (диалоговый виджет) - может сделать клиент, а можете и Вы дать скрипт, но который будет работать с сервером клиента бота (а не с вашим!).

Через webasm можно упаковать код.

Многое зависит от того, как должна работать "растяжка" при резиновой вёрстке: сайзим шрифты или нет?

Вообще: calc(), vmin, vmax, vw, vh (и процентов для вложенных блоков) должно хватить для "удержания" всех размеров без видоизменения внешнего вида на разных мониторах и разрешениях.

Чистый код html/css/js.
Это всё, что нужно для реализации хорошего и легко поддерживаемого проекта.

Тут читайте.
Сервер - не нужен вообще: только флаг поставить нужный.

Гугл-форму в iframe.

Указатель нужен (в книгах был, в конце).
Из него делаем "дерево": А, Б, В, ....АА, АБ, АВ,..., и с каждого потом: АБА, АББ,.... и т.д. по всем "цепочкам" букв, встречающихся в словах указателя.

При поиске - делаем спуск по "дереву" для каждого слова.
Чем больше слов поискового запроса попало на одну запись, тем она релевантнее запросу.
Это будет точно менее 150мс.

1. Самый быстрый вариант по загрузке скриптов/разметки/стилей: includeHTML (150 строк кода, менее 6 кб).
2. По визуалке: materializecss.com, bulma.io, getmdl.io.
3. Для мгновенного обновления значений в полях - 10 строк кода (поиск в гугл): шаблонизатор "REX Tiny templater" xmoonlight

Попробуйте использовать отладку кода и почитать ошибки.

Форма - это микроприложение на веб-странице.
Загружаю динамически (всё разом) из отдельной папки: разметку, обработчик, стилизацию.
У всех форм - единая входная точка обработки пользовательских данных.

Советую идти в мобильную НАТИВНУЮ разработку.
Будете сразу делать приложения, взаимодействующие с веб-серверами и использовать все "железки" мобильного устройства по необходимости.
И денег - больше платят за приложение, чем за обычную вёрстку.

UPD: Вам нужно выучить основные принципы обмена данными по сети, чтобы чувствовать себя более увереннее.

Можно так попробовать.

Вам нужно решать проблему "резинового" сайзинга канваса с ОТНОСИТЕЛЬНОЙ! привязкой всех размеров спрайтов и объектов к игровому полю.