Skip to content

Aventardo7777/Random-Number-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

🎲 专业随机数生成器

HTML5 CSS3 JavaScript License

一个简洁、强大且完全在浏览器端运行的随机数生成器。支持 1~20 位 数字、1~1000 行 批量生成,基于 Web Crypto API 提供真正的随机性。


✨ 功能特性

  • 灵活的位数:支持生成 1 至 20 位的随机整数,并提供 4、6、8、10、16、20 位的快捷按钮。
  • 大批量生成:一次可生成最多 1000 个随机数,满足测试、数据填充等场景需求。
  • 真随机数:底层使用 crypto.getRandomValues(),确保随机数的高质量和不可预测性。
  • 便捷操作
    • 每个随机数旁都有 独立复制按钮,点击即可复制到剪贴板。
    • 一键 复制全部导出 TXT导出 CSV 文件。
    • 一键 清空 结果,方便重新生成。
  • 智能校验:当输入的位数或数量超出范围时,会给出明确的错误提示,并自动修正为合法值。
  • 响应式界面:完美适配桌面端和移动设备,操作流畅直观。

🚀 快速开始

方式一:在线体验(推荐)

本项目已部署到线上,您可以直接点击下方链接使用: 👉 点击这里在线使用

方式二:直接打开 HTML 文件

  1. 下载本项目中的 index.html 文件。
  2. 双击用浏览器打开即可使用,无需任何依赖。

方式三:使用 Python 本地服务器

如果您想通过 http://localhost:8000 访问,可以使用项目附带 serve.py 快速启动一个静态服务器:

python serve.py

然后在浏览器中访问 http://localhost:8000 即可。

🛠️ 技术栈

纯前端:HTML5 + CSS3 + JavaScript(ES6+)

随机数来源:Web Crypto API (crypto.getRandomValues)

字体:系统默认字体 + 等宽字体用于数字显示

图标:内联 SVG,无外部依赖


📁 文件结构

text
/
├── index.html          # 完整的随机数生成器应用
├── serve.py            # (可选)Python 简易 HTTP 服务器
└── README.md           # 项目说明文档

📸 界面预览

-顶部:应用标题和图标。

-控制区:位数输入 + 快捷标签,数量输入 + 快捷标签,以及显眼的“生成”按钮。

-消息区:成功、警告、错误提示。

-结果区:显示生成的随机数列表,每个数字有序号、数值和复制按钮;顶部提供批量复制、导出和清空操作。


📝 使用示例

设置位数为 6,数量为 10,点击“生成”。

页面将生成 10 个 6 位随机数,并显示在列表中。

您可以点击任意数字旁的复制按钮单独复制,或使用“复制全部”一次性复制所有数字。

如需导出,点击“导出 TXT”或“导出 CSV”即可下载文件。

🤝 贡献

欢迎提出 Issue 或 Pull Request!如果您有更好的随机数算法或 UI 改进建议,请随时参与。

📄 许可证

本项目采用 MIT 许可证,允许学习使用、修改和分发,但需标明出处

🙏 致谢

感谢 Web Crypto API 提供安全的随机数生成能力。

图标来自 Feather Icons(通过内联 SVG 使用)。

Enjoy it! 🎉

About

This is a random number generator project that can generate numbers with up to 20 digits and a maximum of 1,000 data entries.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors