如何把多个字符作为一个整体输出

无敌独孤 · 发表于 2017-5-20 00:52:53

本帖最后由无敌独孤于 2017-5-20 00:53 编辑

如何能实现把多个字符作为一个整体输出，比如我想把.abc四个字符作为一个整体输出，就像图片结果框中红色线的效果一样，意思就是把.abc作为一个整体随机出现在结果框内，请问在源码的基础上如何修改代码呢

help

源码：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>suijizifu</title>
<style>
body {text-align:center;}
input {height:34px; padding:0 8px; line-height:34px; font-size:14px; font-family:consolas;}
#range {width:50px;}
#result {width:300px; height:50px}
</style>
</head>
<body>

<p>
      生成位数：
      <input type="text" id="range" placeholder="" value="100" />
      <input type="button" value="生成" />
</p>
<p>
      结果：<input type="text" id="result" />
</p>
<script>
function getRandomStr() {
      var nums = '0123456789',
         lowerCase = 'abcdefghijklmnopqrstuvwxyz',
         chars = nums + lowerCase + lowerCase.toUpperCase() ;
      var len = document.getElementById('range').value,
         charsLen = chars.length;
         result = '';

      if (isNaN(len)) {
         alert('生成位数必须是数字！');
         return;
      }

      for (i = 0; i < len; i++) {
         result += chars.charAt(Math.floor(Math.random() * charsLen));
　　}
      document.getElementById('result').value = result;
}
</script>
</body>
</html>

netgeneral · 发表于 2017-6-4 10:24:09

这么做！

<html lang="en">
<head>
<meta charset="GBK">
<title>suijizifu</title>
<style>
body {text-align:center;}
input {height:34px; padding:0 8px; line-height:34px; font-size:14px; font-family:consolas;}
#range {width:50px;}
#result {width:300px; height:50px}
</style>
</head>
<body>

<p>
      生成位数：
      <input type="text" id="range" placeholder="" value="100" />
      <input type="button" onclick="getRandomStr()" value="生成" />
</p>
<p>
      结果：<input type="text" id="result" />
</p>
<script>
function getRandomStr() {
      var nums = '0123456789',
         lowerCase = 'abcdefghijklmnopqrstuvwxyz',
         chars = nums + lowerCase + lowerCase.toUpperCase() ;
      var len = document.getElementById('range').value,
         charsLen = chars.length;
         result = '';

      if (isNaN(len)) {
         alert('生成位数必须是数字！');
         return;
      }
      var i = 0;

      while(true)
      {
         if(i>=len)
            break;
         var sj = Math.floor(Math.random() * 100);
      if(sj>20 && sj<40)
         {
            result += '.abc';
            i+=4;
         }

         result += chars.charAt(Math.floor(Math.random() * charsLen));
         i++;
　　}
      document.getElementById('result').value = result;
}
</script>
</body>
</html>

无敌独孤 · 发表于 2017-6-5 22:03:56

netgeneral 发表于 2017-6-4 10:24
这么做！

非常感谢你，确实能达到我想要的效果，再次感谢。奖励已经发放给你了，请查收

netgeneral · 发表于 2017-6-5 22:05:14

帮助别人也是快乐！

		自动登录	找回密码
密码			立即注册

如何把多个字符作为一个整体输出

站长推荐 /1