glennigen/kode-generator-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1. Suffix default: 5 → 3

Browse Source 
2. Fjernet fejlagtig validation (suffix=1 blokerede selv med én type)
    3. Ny Nulstil-knap (rød) — reloader ordliste + resetter alle felter
This commit is contained in:
glennigen
2026-07-15 16:34:13 +02:00
parent 7030c75bef
commit 854c4e94dc
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/index.html
+16 -3
View File
@@ -21,6 +21,8 @@
.btn-primary:hover { background: #1d4ed8; }
.btn-secondary { background: #6b7280; color: #fff; }
.btn-secondary:hover { background: #4b5563; }
.btn-danger { background: #dc2626; color: #fff; }
.btn-danger:hover { background: #b91c1c; }
#output { width: 100%; height: 300px; font-family: monospace; font-size: .9rem; padding: .5rem; border: 1px solid #ccc; border-radius: 4px; resize: vertical; background: #fafafa; }
.info { font-size: .8rem; color: #666; margin-top: .5rem; }
</style>
@@ -37,7 +39,7 @@
<h2>Opsætning</h2>
<p style="font-size:.85rem;color:#666;margin-bottom:.75rem">Format: Ord1 + Ord2 + suffix</p>
<label>Separator mellem ord: <input type="text" id="separator" value="" style="width:30px;padding:.3rem;border:1px solid #ccc;border-radius:4px"></label>
<label>Suffix længde: <input type="number" id="suffixLen" value="5" min="1" max="10"></label>
<label>Suffix længde: <input type="number" id="suffixLen" value="3" min="1" max="10"></label>
<label><input type="checkbox" id="useSymbols" checked> Specialtegn (!@#$%&*+-=?)</label>
<label><input type="checkbox" id="useDigits" checked> Tal (0-9)</label>
<label>Antal koder: <input type="number" id="count" value="3" min="1" max="20"></label>
@@ -45,6 +47,7 @@
<button class="btn-primary" onclick="generate()">Generer</button>
<button class="btn-secondary" onclick="copy()">Kopiér</button>
<button class="btn-secondary" onclick="clearOutput()">Ryd</button>
<button class="btn-danger" onclick="resetAll()">Nulstil</button>
</div>
<div class="info" id="status"></div>
</div>
@@ -89,7 +92,7 @@ function randomSuffix(len, charset) {
function generate() {
const words = document.getElementById('words').value.split('\n').map(w => w.trim()).filter(w => w);
let suffixLen = parseInt(document.getElementById('suffixLen').value, 10);
if (isNaN(suffixLen) || suffixLen < 1) suffixLen = 5;
if (isNaN(suffixLen) || suffixLen < 1) suffixLen = 3;
const countEl = document.getElementById('count');
let count = parseInt(countEl.value, 10);
if (isNaN(count) || count < 1) count = 3;
@@ -101,7 +104,6 @@ function generate() {
if (!words.length) { output.value = 'Tilføj mindst ét ord i ordbogen.'; status.textContent = ''; return; }
if (words.length < 2) { output.value = 'Brug mindst 2 ord i ordbogen.'; status.textContent = ''; return; }
if (!charset.length) { output.value = 'Vælg mindst én suffix-type (specialtegn eller tal).'; status.textContent = ''; return; }
if (suffixLen === 1 && charset.length > 1) { output.value = 'Ved suffix længde 1 skal du vælge enten specialtegn eller tal (ikke begge).'; status.textContent = ''; return; }
const codes = [];
for (let i = 0; i < count; i++) {
@@ -130,6 +132,17 @@ function clearOutput() {
document.getElementById('output').value = '';
document.getElementById('status').textContent = '';
}
function resetAll() {
document.getElementById('separator').value = '';
document.getElementById('suffixLen').value = 3;
document.getElementById('useSymbols').checked = true;
document.getElementById('useDigits').checked = true;
document.getElementById('count').value = 3;
document.getElementById('output').value = '';
document.getElementById('status').textContent = 'Nulstillet';
loadWords();
}
</script>
</body>
</html>