时间戳

首页 > 解决方案 > 如何获取函数的所有循环字符串

javascript - 如何获取函数的所有循环字符串

问题描述

我想用jquery做一个循环。但我刚得到第一个字符串

我创建了一个随机字符创建器，我有一个 div 和一个按钮

我想创建一个 for 循环并将它们推送到我的 div，但是当我尝试这个时，我只是通过我的函数获得了一个创建的字符。我想让所有角色都取决于我的循环数量。

function randChar(length) {
  var result = '';
  var characters = 'xyz123ABC';
  var charactersLength = characters.length;
  for (var i = 0; i < length; i++) {
    result += characters.charAt(Math.floor(Math.random() * charactersLength));
  }
  return result;
}


var $btn = $("#btn");
var $con = $("#con");
$btn.click(function() {
  var $i;
  for ($i = 0; $i < 10; $i++) {
    var $theni = randChar(64);
  }
  $con.html($theni);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="con">

</div>

<button type="button" id="btn">Click</button>

标签： javascriptjqueryloops

解决方案

现在你正在运行你的随机化器 10 次，但只使用一次输出，因为它没有被添加到另一个字符串中。

您可以直接将函数的输出附加到循环本身的 dom 中。

 var $btn = $("#btn");
 var $con = $("#con");
 $btn.click(function () {
     var $i;
     $con.html("");
     for ($i = 0; $i < 10; $i++) {
       $con.append(randChar(64));
     }
 });

推荐阅读