用javascript实现一个打乱文字小程序

是这样,2020年11月到12月的时候,经别人介绍,认识了一个相亲女孩,是在银行上班的。他们需要考打字,就是考你打字的速度,我就简单的用js代码生成一个可以打乱文本字序的小程序。这个东西实在是太简单了,本来都懒得发,但是编程这种东西吧,有轮子就要把轮子存起来,简单归简单,以后如果有需要用到重新写的话还是要花些时间。如果存在我自己的博客里面,以后有需要用到就直接把代码复制下来就可以了。

所以,我一直提倡,轮子再简单也不要随便扔,尤其是自己造的轮子。

造轮子不是什么坏事,至少对学习来讲,不是什么坏事,但是对头发和工作效率来讲则是另一回事了。

和相亲妹子最后并没有什么好结果,这也不知道是第几个了,我早就被伤害到麻木了。甚至我在想我会不会就这样一个人走完一辈子呢?哎,那也是没办法的。这个妹子人品并不好,她感冒的时候我嘘寒问暖,我感冒的时候给我来一句“你这种天气都能感冒也是醉了。”

我也不想删她,只是从此不需要再联系了而已。

就爱情这种事情来讲吧,我是早就不希冀有什么美好的爱情会发生在我身上的了。如果以后有空了我不搞程序了改写小说的话,那么我肯定会把小说里面和情爱有关的事情都打造成爱情杯具吧。

扯远了,老惯例,上代码:

<!DOCTYPE html>
<html>
<head>
	<title>打乱文字小程序</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body style="width:100%;height:100%;margin:0;padding:0;">
<div style="width:100%;height:50px;font-weight:bold;font-size:20px;line-height:50px;text-align:center;color:white;background-color:deepskyblue;">打乱文字小程序:请将要打乱顺序的文章粘贴到左边</div>
<table style="border-collapse:collapse;width:100%;text-align:center;">
<tr>
<td><textarea id="t1" style="width:400px;height:600px;margin:5px;"></textarea></td>
<td>
<input id="button" type="button" style="padding:5px;" value="直接打乱文字" onclick="daluan(0)" />
<br/><br/>
<input id="button" type="button" style="padding:5px;" value="去掉换行符和空格再打乱文字" onclick="daluan(1)" />
<br/><br/>
<input id="button" type="button" style="padding:5px;" value="去掉换行符和空格、标点再打乱文字" onclick="daluan(2)" />
</td>
<td><textarea id="t2" style="width:400px;height:600px;margin:5px;" disabled></textarea></td>
</tr>
</table>
</body>
<script type="text/javascript">
function id(x){return document.getElementById(x);}

function randomsort(a, b) {
    return Math.random()>.5 ? -1 : 1;
    //用Math.random()函数生成0~1之间的随机数与0.5比较,返回-1或1
}

function daluan(y){
	var text = id("t1").value;
	if(y==1){
		text = text.replace(/[\s\n\r\t]/gi,'');
	}
	if(y==2){
		text = text.replace(/[\s\n\r\t]/gi,'').replace(/[^\u4e00-\u9fa5]/gi,"");
	}
	if(text.length>2){
		var tmp = text.split('');
		tmp.sort(randomsort);
		var result = '';
		for(var i=0;i<tmp.length;i++){
			result += tmp[i];
		}
		id("t2").value = result;
	}
}



</script>
</html>

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值