聊天信息的生成

原创 2019-04-30 11:04:53 280
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>机器人聊天窗口</title></head><body> <input type="

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>机器人聊天窗口</title>
</head>
<body>
 <input type="text" name="info">
 <button>提交</button>
 <ul>
  
 </ul>
 <script type="text/javascript">

  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>
</body>
</html>

批改老师:查无此人批改时间:2019-05-05 09:44:39
老师总结:完成的不错。聊天框功能比较繁琐。要多考虑考虑功能。继续加油。

发布手记

热门词条