CentreMetre/CodeList
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Improve Styling

Browse Source
This commit is contained in:
CentreMetre
2026-06-01 21:29:56 +01:00
parent 3ba7d94441
commit ed7efdcaa3
2 changed files with 65 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
public/index.html
View File

@@ -7,28 +7,31 @@
<title>HTML 5 Boilerplate</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>CodeList</h1>
<div>
<h3>Generate new list</h3>
<div>
<label for="input-length">
Code Length (<i>n</i>)
</label>
<input id="input-length" placeholder="4" min="1" type="number">
</div>
<div>
<label>Character Set (<i>Σ</i>) <span title="Input comma seperated values. For example `1, 3, 6, 8` means that the code has 1, 3, 6, and 8 in it.">ⓘ</span></label>
<input id="input-char-set" placeholder="1, 2, 3, 4" min="1" type="text">
</div>
</div>
<div>
<h3>
Output
</h3>
<div id="output">
<div id="output-area" class="output-area"></div>
<body class="layer-0">
<div class="layer-1 content">
<h1>CodeList</h1>
<div>
<h3>Generate new list</h3>
<div>
<label for="input-length">
Code Length (<i>n</i>)
</label>
<input id="input-length" placeholder="4" min="1" type="number">
</div>
<div>
<label>Character Set (<i>Σ</i>) <span title="Input comma seperated values. For example `1, 3, 6, 8` means that the code has 1, 3, 6, and 8 in it.">ⓘ</span></label>
<input id="input-char-set" placeholder="1, 2, 3, 4" min="1" type="text">
</div>
</div>
<div>
<h3>
Output
</h3>
<div id="output">
<div id="output-area" class="output-area"></div>
</div>
</div>
</div>
<script>
@@ -95,7 +98,7 @@
outputArea.append(row)
}
setRows(["1","2","3","4","5"])
setRows(["0123","4567","89Aa","BbCC","DdEe"])
</script>
</body>
</html>