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

Question

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

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

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