-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
34 lines (25 loc) · 1.59 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
<title>Characters Combinations Table</title>
<link rel="stylesheet" type="text/css" href="https://moathomari.github.io/chars-combinations-table/style.css">
</head>
<body>
<h1>Generate Characters Combinations Table</h1>
<p>Description:</p>
<blockquote> Generate Characters Combinations Table" code allows you to specify the number of characters for combinations they want to generate. When the user enters a valid number and clicks the "Generate" button, the code generates a tables for each character in the English alphabet and numbers, displaying all possible combinations of the specified length. The combinations are shown in a tabular format with the combination count and the actual combination. The code also provides a progress indicator during the combination generation process, updating the user on the progress being made. Finally, the total count of all combinations is displayed above the generated tables once the generation process is complete. </blockquote>
<h2>Created for testing purposes
by Eng. MOATH OMARI</h2>
<!-- Input fields for user input -->
<label for="charCount">Characters count:</label>
<input type="number" id="charCount" min="1" value="2">
<!-- Button to generate the combinations -->
<button class="button" onclick="generateCombinations()"> Generate </button>
<!-- Element to display the count above the table -->
<div id="count-display">Total Combinations: <span id="total-count">0</span></div>
<div id="tables-container">
<!-- Tables will be generated here -->
</div>
<script src="script.js"></script>
</body>
</html>