完善剩余网页代码
http://forumupload.ru/uploads/001b/ea/88/2/540158.jpg如图显示，希望大神帮忙完善一下代码，以实现A组跟B组的随机字符同时显示！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>随机生成激活码</title>
</head>
<body>
<h3> 在这里显示A组18位随机字符串 </h3>
<div>字符1：<span id="A"></span></div>
<div>字符2：<span id="A"></span></div>
<div>字符3： <span id="A"></span></div>
<h3> 在这里显示B组4位随机字符串 </h3>
<div>字符1：<span id="B"></span></div>
<div>字符2：<span id="B"></span></div>
<div>字符3： <span id="B"></span></div>
<script>
// 生成随机字符串的函数
function generateRandomString(length) {
const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
let result = '';
for (let i = 0; i < length; i++) {
result += characters.charAt(Math.floor(Math.random() * characters.length));
}
return result;
}
// 在页面加载时生成随机字符串并显示
window.onload = function() {
const elements = document.querySelectorAll('span'); // 选择所有以"A"开头的元素
elements.forEach(element => {
const randomLength = 18; // 生成一个18位的随机内容
const randomString = 'TRO' + generateRandomString(randomLength); // 生成随机字符串并添加前缀"A"
element.textContent = randomString; // 将随机字符串设置为元素的文本内容
});
}
</script>
</body>
</html>
最简单的方式，把生成随机数的位置反馈给B，直接复制A的加在下面，载入的时候形似与同时显示了
// 在页面加载时生成随机字符串并显示
window.onload = function() {
const elementsA = document.querySelectorAll('span'); // 选择所有以"A"开头的元素
elementsA.forEach(element => {
const randomLength = 18; // 生成一个18位的随机内容
const randomString = 'TRO' + generateRandomString(randomLength); // 生成随机字符串并添加前缀"A"
element.textContent = randomString; // 将随机字符串设置为元素的文本内容
});
const elementsB = document.querySelectorAll('span'); // 选择所有以"A"开头的元素
elementsB.forEach(element => {
const randomLength = 18; // 生成一个18位的随机内容
const randomString = 'TRO' + generateRandomString(randomLength); // 生成随机字符串并添加前缀"A"
element.textContent = randomString; // 将随机字符串设置为元素的文本内容
});
}
</script>
https://img2.imgtp.com/2024/03/30/uJLTb2WT.png 这是什么作业吗，这种简单的作业还是得自己写，不然什么都学不到 QinDad 发表于 2024-3-30 08:13
让AI帮你写的，要学会善用工具
用的是什么ai ____________ 发表于 2024-3-30 10:10
用的是什么ai
https://chat.deepseek.com/
内测期间免费用 其他先不说，id得唯一吧 本帖最后由 知心 于 2024-3-30 12:52 编辑
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>随机生成激活码</title>
</head>
<body>
<div id="containerA">
<h3> 在这里显示A组18位随机字符串 </h3>
<ul></ul>
</div>
<div id="containerB">
<h3> 在这里显示B组4位随机字符串 </h3>
<ul></ul>
</div>
<script>
/**
* 生成随机字符串的函数
* @param {length} char_length 生成的字符串长度
* @return {string} 生成的随机字符串
*/
function generateRandomString(length) {
const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
let result = '';
for (let i = 0; i < length; i++) {
result += characters.charAt(Math.floor(Math.random() * characters.length));
}
return result;
}
/**
* 根据传入的参数生成html代码片段
* @param {number} char_length 生成的字符串长度
* @param {number} number 生成的字符串数量
* @param {string} prefix 生成的字符串前缀
* @return {string} 生成的html代码段
*/
function createElement(char_length, number, prefix) {
let element = "";
for (let i = 0; i < number; i++) {
element += `<li><span>${prefix}-${generateRandomString(char_length)}</span></li>\n`;
}
return element
}
// 在页面加载时生成随机字符串并显示
window.onload = function () {
const containerA = document.querySelector('#containerA>ul');
const containerB = document.querySelector('#containerB>ul'); // 选择所有以"A"开头的元素
containerA.innerHTML = createElement(18, 3, 'A');
containerB.innerHTML = createElement(4, 3, 'B');
}
</script>
</body>
</html>
运行截图：
叫我小白呀 发表于 2024-3-30 01:07
最简单的方式，把生成随机数的位置反馈给B，直接复制A的加在下面，载入的时候形似与同时显示了
这是正解，谢谢
页:
[1]
2