热身聊天信息的生成原理

原创 2018-12-16 16:14:09 188
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>聊天信息框</title>
</head>
<body>
<input type="text" name="chat">
<button>提交</button>
<div></div>
<script>
let input = document.getElementsByTagName('input').item(0);
let button = document.getElementsByTagName('button').item(0);
let div1 = document.getElementsByTagName('div').item(0);
button.onclick = function(){
let con = document.createElement('p');
con.innerHTML = input.value;
div1.appendChild(con);
input.value = '';
}
</script>
</body>
</html>

chat.png

批改老师:天蓬老师批改时间:2018-12-16 16:18:22
老师总结:很好, 在浏览器调试,可以看到更多有用的信息

发布手记

热门词条