[mafen33]

Привет всем знатокам!

Пытаюсь делать похожую штуку: https://masterimargarita.withgoogle.com/chat

Пользователь отвечает на 5-10 взаимосвязаных вопросов: ДА или НЕТ (и их вариации)
после чего приходит к определенному ответу.

Пробую сделать своими руками, но я гуманитарий, возникает масса вопросов.

1) Я заколхозил код, который добавляет 1 вопрос (заранее прописанный) бота, но как это поставить на поток, не могу сообразить.

$('#foo').click(function () {
        $('#chat_container').append('<div class="chat-message chat-message--user" style="opacity: 1;"><div class="chat-message__container"><div class="chat-message__text"><p class="chat-message__copy copy_u1"></p></div></div></div>');
    });
    $("#foo").click(function () {
        var tex = $('input').val();
        $('.copy_u1').text(tex);
    });
    $("#foo").click(function addu() {
        var names = $('input').val();
        $('#chat_container').append('<div class="chat-message chat-message--character chat-message--ferto" style="opacity: 1" id="chat_main"><div class="chat-message__container"><div class="chat-message__character"><img src="static/images/chat/char_behemouth.gif"></div><div class="chat-message__text"><p class="chat-message__copy" id="readychat" >Очень приятно <n class=" names"></n>, меня зовут Бегемонт. Будем знакомы!</p></div></div></div>');
        $('.names').text(names);
    });

По клику на кнопку в input отправляется ответ пользователя и дается новый вопрос. Но как продолжить логику?

2) Можно ли найти более простое решение? Грубо говоря есть
arr1 [масив всех вопросов] как дать понять боту какой вопрос задавать пользователю?

Если кто то сможет помочь буду очень благодарен!