HTML聊天机器人如何实现自动回复

想靠自己写一个自动回复的机器人，但是对html不是很了解，希望大家能帮帮我。
大致想法💡——原理:

将内容输入input，然后通过按钮发送一个值（对JavaScript不太了解，如果有误，感谢纠正指导）之后这部分我不能完成，用JavaScript接收这个值然后获取input的内容，新建一个div，注入input里的内容，清空input，发送div。之后再通过JavaScript获取div内容，建立div，抽取函数回复内容（或者随机）发送div。

总之就是一问一答，像机器人那样！感谢各位的指导！

PC端聊天机器人界面（html实现）：

if 问题一
log 答
else 问题二
log 答

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632