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

2024-01-02 02:38

本文主要是介绍用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实现一个打乱文字小程序的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/561120

相关文章

JVM 的类初始化机制

前言 当你在 Java 程序中new对象时,有没有考虑过 JVM 是如何把静态的字节码(byte code)转化为运行时对象的呢,这个问题看似简单,但清楚的同学相信也不会太多,这篇文章首先介绍 JVM 类初始化的机制,然后给出几个易出错的实例来分析,帮助大家更好理解这个知识点。 JVM 将字节码转化为运行时对象分为三个阶段,分别是:loading 、Linking、initialization

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

浅析Spring Security认证过程

类图 为了方便理解Spring Security认证流程,特意画了如下的类图,包含相关的核心认证类 概述 核心验证器 AuthenticationManager 该对象提供了认证方法的入口,接收一个Authentiaton对象作为参数; public interface AuthenticationManager {Authentication authenticate(Authenti

Spring Security--Architecture Overview

1 核心组件 这一节主要介绍一些在Spring Security中常见且核心的Java类,它们之间的依赖,构建起了整个框架。想要理解整个架构,最起码得对这些类眼熟。 1.1 SecurityContextHolder SecurityContextHolder用于存储安全上下文(security context)的信息。当前操作的用户是谁,该用户是否已经被认证,他拥有哪些角色权限…这些都被保

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式Factory工厂模式Singleton单例模式Delegate委派模式Strategy策略模式Prototype原型模式Template模板模式 Spring5 beans 接口实例化代理Bean操作 Context Ioc容器设计原理及高级特性Aop设计原理Factorybean与Beanfactory Transaction 声明式事物

Java进阶13讲__第12讲_1/2

多线程、线程池 1.  线程概念 1.1  什么是线程 1.2  线程的好处 2.   创建线程的三种方式 注意事项 2.1  继承Thread类 2.1.1 认识  2.1.2  编码实现  package cn.hdc.oop10.Thread;import org.slf4j.Logger;import org.slf4j.LoggerFactory

hdu1043(八数码问题,广搜 + hash(实现状态压缩) )

利用康拓展开将一个排列映射成一个自然数,然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来,一站式有声阅读平台听书系统 🌟&nbsp;开篇:遇见未来,从“智听”开始 在这个快节奏的时代,你是否渴望在忙碌的间隙,找到一片属于自己的宁静角落?是否梦想着能随时随地,沉浸在知识的海洋,或是故事的奇幻世界里?今天,就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统,它正悄悄改变着我们的阅读方式,让未来触手可及! 📚&nbsp;第一站:海量资源,应有尽有 走进“智听