如何生成随机字符串的字母数字字符集长度到html跨度

发布于11月16日

我try 在页面加载时随机生成一个带有字体的条形码.我想要的长度是36个字符的长度，只包括0-9，a-z和A-Z.我想让&lt；span&>打印生成的字符串.我目前使用的代码会生成随机字符串，但它会将其打印在页面顶部.我也想用AUTH和TOKN数字做这件事，只用10个字符0-9和a-z.我目前让这两个数字作为随机生成的10个字符的数字工作，但正如我所说的，从长远来看，这不是我想要做的.这是我当前的代码.

function showRandomNumber() {
  document.getElementById("authnumber").innerHTML =
    Math.round(Math.random() * (9999999999 - 1000000000) + 1000000000);
  document.getElementById("tokennumber").innerHTML =
    Math.round(Math.random() * (9999999999 - 1000000000) + 1000000000);
}

function randomString(length, chars) {
  var result = '';

  for (var i = length; i > 0; --i)
    result += chars[Math.round(Math.random() * (chars.length - 1))];

  return result;
}
document.write(randomString(36, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'));

randomString();
showRandomNumber();

#barcode {
  font-family: "Code 128";
  font-size: 44.5px;
  display: inline-block;
  -moz-transform: scaleY(.73);
  -webkit-transform: scaleY(.73);
  transform: scaleY(.73);
  float: left;
}

#myNumber {
  margin: 2px;
  font-family: "OCR A Extended", "OCR A";
  font-size: 16.75px;
  margin-top: 6.5px;
}

<div class="warning_menu_container" style="margin-top:7px; margin-bottom:-11px;">
  <span id="barcode" style="margin-top:-7px; ">insert random string of text here 01</span>
  <span id="myNumber">AUTH:<font color="1fa779"><span id="authnumber" style="align:right;"></span></font>
  </span><br />
  <span id="myNumber" style="line-height: 1.1;">TOKN:<font color="1fa779"><span id="tokennumber"></span></font>
  </span>
</div>

我已经try 了我目前编写的代码，如下所示.

function showRandomNumber() { document.getElementById("authnumber").innerHTML = Math.round(Math.random() * (9999999999 - 1000000000) + 1000000000); document.getElementById("tokennumber").innerHTML = Math.round(Math.random() * (9999999999 - 1000000000) + 1000000000); // use randomString() for barcode?? document.getElementById("barcode").innerHTML = randomString(36, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'); } function randomString(length, chars) { var result = ''; for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))]; return result; } // show all numbers showRandomNumber();

#barcode { font-family: "Code 128"; font-size:24px; display: inline-block; -moz-transform: scaleY(.73); -webkit-transform: scaleY(.73); transform: scaleY(.73); float: left; margin-top: -7px; } #myNumber { margin: 2px; font-family: "OCR A Extended", "OCR A"; font-size: 16.75px; margin-top: 6.5px; color: #1fa779; text-align: right; line-height: 1.1; }

<div class="warning_menu_container"> <div id="barcode"></div> <div id="myNumber"> AUTH: <span id="authnumber"></span> </div> <div id="myNumber"> TOKN:<span id="tokennumber"></span> </div> </div>

如何生成随机字符串的字母数字字符集长度到html跨度

推荐答案

Html相关问答推荐

我能阻止浏览器跨跨区边界折叠空格吗？

不呈现孙子元素，使用R htmlTools：：Taglist为分页的pdf生成HTML

当文本添加到元素中时，将元素拉到页面上

将导航项目底部边框与导航栏对齐

如何创建嵌套的动态表单元素

禁用所有行，但在16角中单击编辑按钮的行除外

减小HTML负载中base64字符串的大小

rmarkdown HTML数字不适用于针织衫_1.44

Tailwind CSS 忽略我的元素的填充

如何使元素具有粘性

如果使用复选框属性更改，如何防止事件更改？

如何影响 HTML 元素的哪些子元素导致其增长，哪些不增长？

如何从 div 内的图像中删除填充而不从其他所有内容中删除填充？

如何在 Flex 对齐内容框下显示隐藏按钮和文本

输入框不是全宽

无法使用 flexbox 裁剪图像

每次按下按钮时减小字体大小的 jquery 函数

如何向弹出窗口添加 sanitize： false 选项？

如何在不删除
标记的情况下加入 HTML 中的段落

Bootstrap Grid System col 无法正常工作