var inp = document.getElementById('text');
//提示
var m = document.getElementById('m');
inp.onfocus = function() {
m.innerHTML = '提示:只可输入文字,最少6个,不可出现敏感字符';
}
inp.onblur = function() {
m.innerHTML = '最多可输入100字符,注意敏感字符';
}
function btn() {
//正则表达
var reg = /^[\u4e00-\u9fa5-.,。]{6,12}$/;
var result = reg.test(inp.value);
//判断
if(result == true) {
//设置随机事件
var s = parseInt(Math.random() * 10 + 1);
console.log(s);
//添加div
var div = document.createElement('div');
div.className = 'd';
//创建图片
var img = document.createElement('img');
img.src = 'img/' + 'face' + s + '.jpg';
div.appendChild(img);
//创建时间
var dates = document.createElement('span');
var da = new Date();
var yyyy = da.getFullYear();
var mm = da.getMonth();
var dat = da.getDate();
var hh = da.getHours();
var min = da.getMinutes();
var sec = da.getSeconds();
dates.innerHTML = yyyy + '/' + mm + '/' + dat + ' ' + hh + ':' + min + ':' + sec;
dates.id = 'date';
div.appendChild(dates);
//创建文本元素
var p = document.createElement('p');
p.id = 'cont';
p.innerHTML = inp.value;
div.appendChild(p);
//创建删除按钮
var resr = document.createElement('button');
resr.innerHTML = '删除';
div.appendChild(resr);
resr.onclick = function() {
this.parentElement.parentElement.removeChild(this.parentElement)
}
//追加div
document.querySelector('.main').appendChild(div);
//发表一次清空一次
inp.value = '';
} else {
var n = document.getElementById('n');
n.innerHTML = '请整理您的语言之后再发表';
}
}
网友评论