完善剩余网页代码

zgcoln · 发表于 2024-3-30 00:33

如图显示，希望大神帮忙完善一下代码，以实现A组跟B组的随机字符同时显示！

[HTML] 纯文本查看 复制代码

<!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[id^="A"]'); // 选择所有以"A"开头的元素
            elements.forEach(element => {
                const randomLength = 18; // 生成一个18位的随机内容
                const randomString = 'TRO' + generateRandomString(randomLength); // 生成随机字符串并添加前缀"A"
                element.textContent = randomString; // 将随机字符串设置为元素的文本内容
            });
        }
    </script>

</body>
</html>

AB随机生成字符串.txt (1.6 KB, 下载次数: 0)

叫我小白呀 · 发表于 2024-3-30 01:07

最简单的方式，把生成随机数的位置反馈给B，直接复制A的加在下面，载入的时候形似与同时显示了

[HTML] 纯文本查看 复制代码

// 在页面加载时生成随机字符串并显示
        window.onload = function() {
        	
            const elementsA = document.querySelectorAll('span[id^="A"]'); // 选择所有以"A"开头的元素
            elementsA.forEach(element => {
                const randomLength = 18; // 生成一个18位的随机内容
                const randomString = 'TRO' + generateRandomString(randomLength); // 生成随机字符串并添加前缀"A"
                element.textContent = randomString; // 将随机字符串设置为元素的文本内容
            });
            
            const elementsB = document.querySelectorAll('span[id^="B"]'); // 选择所有以"A"开头的元素
            elementsB.forEach(element => {
                const randomLength = 18; // 生成一个18位的随机内容
                const randomString = 'TRO' + generateRandomString(randomLength); // 生成随机字符串并添加前缀"A"
                element.textContent = randomString; // 将随机字符串设置为元素的文本内容
            });
            
        }
    </script>

QinDad · 发表于 2024-3-30 08:13

提示: 该帖被管理员或版主屏蔽

三滑稽甲苯 · 发表于 2024-3-30 09:10

这是什么作业吗，这种简单的作业还是得自己写，不然什么都学不到

____________ · 发表于 2024-3-30 10:10

QinDad 发表于 2024-3-30 08:13
让AI帮你写的，要学会善用工具

[mw_shl_code=html,true]

用的是什么ai

syd1990 · 发表于 2024-3-30 10:16

提示: 该帖被管理员或版主屏蔽

QinDad · 发表于 2024-3-30 11:05

____________ 发表于 2024-3-30 10:10
用的是什么ai

https://chat.deepseek.com/

内测期间免费用

知心 · 发表于 2024-3-30 12:33

其他先不说，id得唯一吧

知心 · 发表于 2024-3-30 12:51

本帖最后由知心于 2024-3-30 12:52 编辑

[HTML] 纯文本查看 复制代码

<!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>

运行截图：

zgcoln · 发表于 2024-3-31 03:08

叫我小白呀发表于 2024-3-30 01:07
最简单的方式，把生成随机数的位置反馈给B，直接复制A的加在下面，载入的时候形似与同时显示了

[mw_shl_ ...

这是正解，谢谢

帐号		自动登录	找回密码
密码			注册[Register]

QinDad QinDad 当前离线好友阅读权限 10 听众最后登录 1970-1-1 头像被屏蔽	QinDad 发表于 2024-3-30 08:13 吾爱破解论坛没有任何官方QQ群，禁止留联系方式，禁止任何商业交易。提示: 该帖被管理员或版主屏蔽
	如何升级？如何获得积分？积分对应解释说明！
	回复支持举报

[求助] 完善剩余网页代码

免费评分

免费评分

免费评分

免费评分

syd1990 syd1990 当前离线好友阅读权限 25 听众最后登录 1970-1-1 头像被屏蔽	syd1990 发表于 2024-3-30 10:16 提示: 该帖被管理员或版主屏蔽

	回复支持举报