rand

hatrd · Jul 18, 2024 · 5d07ac2 · 5d07ac2
1 parent cff0c66
commit 5d07ac2
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -54,6 +54,11 @@ <h1>hash</h1>
     <p>哈希工具。</p>
   </div>
 
+  <div class="tool-box" onclick="window.location.href='rand/index.html'">
+    <h1>rand</h1>
+    <p>随机字符串生成工具。</p>
+  </div>
+
   <div class="tool-box" onclick="window.location.href='qr/index.html'">
     <h1>qr</h1>
     <p>二维码扫码工具。</p>

diff --git a/rand/index.html b/rand/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Random Generator</title>
+
+</head>
+<body>
+    <h1>Random Generator</h1>
+
+    <div>
+        <p id="result">result</p>
+        <button onclick="generateRandomString()">Generate&Copy</button>
+        <button onclick="setCharacterRangeDigits()">0-9</button>
+        <button onclick="setCharacterRangeLetters()">A-Za-z</button>
+        <button onclick="setCharacterRangeDigitsAndLetters()()">A-Za-z0-9</button>
+        <button onclick="setCharacterRangeAll()">+Special Characters</button>
+        <br>
+        <textarea id="characterRange" rows="4" cols="50">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</textarea>
+        <br>
+        <input type="text" id="characterLength" placeholder="characterLength default 15">
+    </div>
+
+    <script>
+        function generateRandomString() {
+            const length = document.getElementById("characterLength").value || 15;
+            const characterRange = document.getElementById("characterRange").value || 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+            let result = '';
+            const charactersLength = characterRange.length;
+
+            for (let i = 0; i < length; i++) {
+                const randomIndex = Math.floor(Math.random() * charactersLength);
+                result += characterRange[randomIndex];
+            }
+            navigator.clipboard.writeText(result);
+            document.getElementById("result").textContent = result;
+        }
+        function setCharacterRangeDigits() {
+            document.getElementById("characterRange").value = '0123456789';
+        }
+
+        function setCharacterRangeLetters() {
+            document.getElementById("characterRange").value = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+        }
+        function setCharacterRangeDigitsAndLetters() {
+            document.getElementById("characterRange").value = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+        }
+        function setCharacterRangeAll() {
+            document.getElementById("characterRange").value = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+-={}[]|:;"<>,.?/~`\'';
+        }
+        window.onload = function() {
+            generateRandomString();
+        };
+    </script>
+</body>
+</html>