ratelok/5letters
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init & build
Some checks failed
Build'n'Push / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
ratelok
2024-12-05 14:42:58 +03:00
commit 52125352e0
7 changed files with 723 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
index.html Normal file
View File

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Калькулятор 5 букв</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="calculator-container">
<h1>Калькулятор для игры 5 букв</h1>
<div class="inputs">
<label for="correct-mask">Маска (буквы на своем месте):</label>
<div id="mask-container">
<input type="text" maxlength="1" class="mask-letter">
<input type="text" maxlength="1" class="mask-letter">
<input type="text" maxlength="1" class="mask-letter">
<input type="text" maxlength="1" class="mask-letter">
<input type="text" maxlength="1" class="mask-letter">
</div>
<label>Маски (буквы не на своих местах, для каждой попытки):</label>
<div id="incorrect-masks">
<div class="incorrect-mask-container">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
</div>
<div class="incorrect-mask-container">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
</div>
<div class="incorrect-mask-container">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
</div>
<div class="incorrect-mask-container">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
</div>
<div class="incorrect-mask-container">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
<input type="text" maxlength="1" class="incorrect-mask-letter">
</div>
</div>
<label for="excluded-letters">Отсутствующие буквы:</label>
<input type="text" id="excluded-letters" placeholder="Например, г, д, е">
<button id="calculate-btn">Рассчитать</button>
</div>
<div class="results">
<h2>Возможные слова:</h2>
<ul id="results-list"></ul>
</div>
</div>
<script src="script.js"></script>
</body>
</html>