html网页自动回复,js 简单对话框（自动回复）

效果展示

Html代码

js代码

var btn=document.querySelector(".btn");

var txt=document.querySelector(".text");

var con=document.querySelector(".con")

btn.οnclick=function(){

if(!txt.value){

return;

}

var dd=document.createElement("div");

dd.innerHTML+="

"+txt.value+"

";

con.appendChild(dd);

txt.value="";

setTimeout(function(){

var dd=document.createElement("div");

dd.innerHTML+="

滚滚滚

";

con.appendChild(dd);

},2000)

}

css代码

.wrap{

width: 500px;

height: 600px;

margin: 0 auto;

}

.con{

width: 458px;