2021-06-28

现在我来做一个聊天模型的案例

我做了一个简单的盒子

当我点击发送就你能发送信息

接下来我来用代码实现这个案例

1. 1. 首先打上一些简单的样式

1. 然后获取数据

(1)获取盒子内容的信息

var oWords = document.getElementById("words");

(2)获取A说、B说的数据

var oWho = document.getElementById("who");

(3)获取下拉框里面的数据

var oTalkshow = document.getElementById("talkshow");

(4)获取按钮的数据

       var oBtn = document.getElementById("talksub");

1. 接下来给按钮绑定点击事件

oBtn.onclick =function(){

4.最后我来打上一些实现发送信息的效果。

var sVal01 = oWho.value;

var sVal02 = oTalkshow.value;

                      var sTr = '';

                      var sVal02 = oTalkshow.value;

                      var sTr = '';

                      if(sVal02=='')

                             {

                                    alert('你输入的值为空');

                                    return;

                             }

                      if(sVal01==0)

                             {

                                     sTr = '

A说：'+sVal02+'

';

                             }

                      else

                             {

                                     sTr = '

B说：'+sVal02+'

';

oWords.innerHTML = oWords.innerHTML+sTr;

                      oTalkshow.value = "";

                             }

       现在移动端拖动元素案例做完了，如果有兴趣的人去试一下吧！！！

文献就写到这了

如大神吐槽，望请教！！！