聊天界面热身案例

Original 2019-06-08 10:24:08 248
abstract:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>实战热身</title></head><body><input typr="text" name=&quo

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>实战热身</title>

</head>

<body>

<input typr="text" name="info">

<button>提交</button>

<ul></ul>

</body>

<script>

//获取元素

let input = document.getElementsByName('info')[0];

let button = document.getElementsByTagName('button')[0];

let ul = document.getElementsByTagName('ul')[0];


button.onclick = function () {

let li = document.createElement('li');

li.innerHTML = input.value; //文本框中的内容

ul.appendChild(li);//将用户信息显示在列表中

input.value = '';//将文本框内容清空


}


</script>

</html>


Correcting teacher:查无此人Correction time:2019-06-10 09:49:27
Teacher's summary:完成的不错。客服系统完成后,可以想想客户与客户之间的聊天系统。继续加油。

Release Notes

Popular Entries