美文网首页
简易评论

简易评论

作者: 常婧帅 | 来源:发表于2018-07-15 13:52 被阅读0次

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 = '请整理您的语言之后再发表';

}

}

相关文章

  • 简易评论

    var inp = document.getElementById('text'); //提示 var m = d...

  • 无标题文章

    仿微信评论回复(简易) _Comma关注 2016.12.16 19:24*字数 283阅读 976评论 17喜欢...

  • 仿微信评论回复(简易)

    简单的微信评论回复功能 先说说大概逻辑,一个控制器里添加列表(类似朋友圈的每条动态),每个动态里面再添加一个列表(...

  • iOS图片选择器

    简易图片选择 HBPhotoPicker 简易图片选择 HBPhotoPicker 简易图片选择 HBPho...

  • 日记第一天

    文/海豚天使 懒得想题目,就直接以日记打卡为准,简易。 懒得看文,就不点赞,就不写评论,极简主义了。 早上起来,没...

  • 【文魁大脑实用记忆第五期】唐派郭子玥第8次案例-地理知识案例

    案例一:评论武林计划 案例二:默写已背诵的古诗 小伙伴们可自行忽略第三幅图= ̄ω ̄=(边记忆边绘制,简易)古诗多数...

  • 轻、净

    从不盗图,业余游者! 放假七天,欢乐多~喵! (欢迎各位的建议和指教,但拒绝一切不道德的言语评论!简易:个人原创,...

  • python实现简易登陆与评论功能

    我是一个计算机专业的渣渣,以前读书的时候,看见代码避之不及,所以编程基础可想而知,现在工作了,觉得会点编程,帮助提...

  • 类似于商品评论的简易Demo

    商品详情查看这种页面很多APP 都会存在.在这里写了一个藕合性较低的Demo.架构用MVVM去搭建.创建了一个pl...

  • Laravel 5.1制作简易留言板/评论系统

    留言板/评论系统是网站上很常见的一个功能,这个项目就使用 Laravel 5.1 从头开始制作一个简易的留言板/评...

网友评论

      本文标题:简易评论

      本文链接:https://www.haomeiwen.com/subject/agdppftx.html