用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>

用javascript实现一个打乱文字小程序相关推荐

“微天气” - 一个基于微信小程序的智能天气预报体验
"微天气" - 一个基于微信小程序的智能天气预报体验一.引言微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生 ...
实战：从零开始制作一个跑步微信小程序
感谢作者王小树的授权,如需转载,请与作者联系. 作者:王小树,现于悦跑圈任职iOS工程师,常用ID:alanwangmodify.欢迎技术交流,除了移动端技术,也期待Python.JS.深度学习相关的 ...
微信小程序-从零开始制作一个跑步微信小程序
首发地址一.准备工作 1.注册一个小程序账号,得用一个没注册过公众号的邮箱注册. 2.注册过程中需要很多认证,有很多认证,比较繁琐,如果暂时只是开发测试,不进行提审.发布的话,只要完成营业执照号填写 ...
微信小程序-从零开始制作一个跑步微信小程序 1
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 前言我已经把全部代码 ...
从0到1使用python开发一个半自动答题小程序
从0到1使用python开发一个半自动答题小程序前言最近每天都有玩微信读书上面的每日一答的答题游戏,完全答对12题后,可以瓜分无限阅读卡.但是从小就不太爱看书的我,很难连续答对12道题,由此,产生 ...
用开源博客系统wordpress打造一个连载漫画小程序
*爱书者小程序2.0/3.0开源设计稿和源代码(前后端)去公众号[APP比比]自取市面上一个看小说小程序随随便便上千块.于是乎自学代码还有设计终于磕磕碰碰完成了我的爱书者小程序4.0. 这次,我把所 ...
推荐一个搜题小程序，一起搜题小程序，搜题找答案不用注册也没次数限制
给大家推荐一个搜题小程序,上网课的时候用来搜课后习题,章节测试非常好用.还可以搜会计.教师.建筑.公务员等科目的考试题目. 用微信扫下面二维码或者在微信里面搜索小程序"一起搜题"就 ...
Android | 教你如何开发一个拍照翻译小程序
华为机器学习服务(ML Kit) 提供机器学习套件,为开发者应用机器学习能力开发各类应用提供优质体验.得益于华为长期技术积累,ML Kit 为开发者提供简单易用.服务多样.技术领先的机器学习能力,助力 ...
安卓开发实战，用HMS MLKit华为机器学习服务开发一个拍照翻译小程序
文章目录引子想象中的旅游实际中的旅游太难了拍照翻译帮你忙文本识别翻译拍照翻译APP开发实战 1 开发准备 1.1 在项目级gradle里添加华为maven仓 1.2 在应用级的buil ...
怎么开发一个自助打印机小程序
如果你想开发一个自助打印机小程序,你可以以下这些步骤: 了解打印机技术:需要了解打印机的工作原理和通信协议,以便与小程序进行通信. 选择开发语言:可以使用诸如JavaScript.Python等常用编 ...

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

用javascript实现一个打乱文字小程序相关推荐

最新文章

热门文章