用js创建简单的QQ聊天框

QQ聊天框是一款很好的通信工具。方便用户聊天，并且减少人与人之间的距离。方便用户发信息和通知。下面我说到的就是一款比较简单的QQ聊天框之一——QQ群聊。
在学习项目中，我们学习到了聊天框的一些内容，在使用方法我进行了部分总结，并且加了一些符合QQ聊天框的内容，需要的可以作参考（仅供参考）。
第一：获取时间
1.创建时间对象var date = new Date();
2.需运用到三元运算符：条件表达式？ 语句1：语句2；
第二：流程控制语句
我用的是其中的分支结构。
在执行代码时，可以根据条件进行选择。
语法：if(){语句；
}else{语句；};
第三：声明全局变量
var obtn = document.getElementById("btn");//获取发送按钮
var orong = document.getElementById("rong");//获取输入内容区域
var obiao = document.getElementById("biao");//获取下拉列表
var onei = document.getElementById("nei");//获取显示内容区域
第四：简单的构思一下内容和样式，需用到HTML和CSS。部分代码如下（仅供参考）：

第五:JS部分代码参考：

运行效果部分如下：

以上就是我想要分享的QQ聊天框的内容，QQ聊天框不仅丰富了我们的生活更是方便了我们网络通信，还方便了我们通知消息。
新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！