-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (145 loc) · 5.79 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Shifir</title>
<!-- Font awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<!-- Main styles -->
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/modal.css" />
</head>
<body>
<!-- Start main section and big wrapper -->
<div class="container">
<!-- Start of Select type of decrypt -->
<div class="select-type-coding__wrapper">
<div class="type_coding__radios">
<!-- Fist type: sezar -->
<input
type="radio"
name="typeCoding"
id="sezar"
value="Sezar"
class="radio"
checked
/>
<label for="sezar" class="radio-label">Sezar</label>
<!-- Second type: Bolakay -->
<input
type="radio"
name="typeCoding"
id="bolakay"
value="Bolakay"
class="radio"
/>
<label for="bolakay" class="radio-label">Bolakay</label>
</div>
</div>
<!-- End of Select type of decrypt -->
<!-- Start of About current type of decrypt -->
<div class="about-current-type">
<!-- select type for phone -->
<div class="typeCode_select-wrapper">
<select name="typeCode" id="typeCodeSelect">
<option value="Sezar">Sezar</option>
<option value="Bolakay">Bolakay</option>
</select>
</div>
<!-- Name current type -->
<div class="top-text">
<h2 id="typroffText" class="typroffText">
Sezar usulidan foydalanib
<span id="codeOrDecode">Codlash</span>
</h2>
</div>
<!-- Key current type -->
<div class="codingKey-wrapper">
<p>Key:</p>
<i id="outputKey"></i>
</div>
<!-- Select new Key -->
<div class="keyWrapper">
<input
type="number"
name="key"
id="key"
class="key input"
placeholder="Yangi kalit"
/>
<button class="btn-save" onclick="save_key()" id="save_key">
Saqlash
</button>
</div>
</div>
<!-- -->
<!-- Start of Decrypt zone -->
<div class="zoneShifir">
<!-- /* Start input value wrapper */ -->
<div>
<label for="inputValue" id="inputValueLabel">
Asl matinni kiriting
</label>
<textarea
name="inputValue"
id="inputValue"
cols="80"
rows="10"
autofocus
placeholder="Asl so'zni bu yerga kiriting"
class="input"
></textarea>
<!-- Clear BTN input text area -->
<button
class="btn cross"
id="clear_textarea"
onclick="clearInput()"
>
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<!-- /* End of input value wrapper */ -->
<!-- /* Start replace Button /arrow-right-left/ */ -->
<button class="btn arrow-right_left" onclick="almashtir(this)">
<i class="fa-solid fa-arrow-right-arrow-left"></i>
</button>
<!-- /* And replace Button */ -->
<!-- /* Start Output value wrapper */ -->
<div>
<label for="outputValueLable">Natijangiz: </label>
<textarea
name="outputValue"
id="outputValue"
cols="50"
rows="10"
disabled
placeholder="Va bu yerdan o'z natijangizga erishing"
class="input"
></textarea>
<!-- Copy BTN output value -->
<button
class="btn copy"
id="copy-btn"
onclick="copyResult()"
>
<i class="fa-regular fa-copy"></i>
</button>
</div>
<!-- /* End Output value wrapper */ -->
</div>
<!-- Start of Decrypt zone -->
</div>
<!-- And main section and big wrapper -->
<div class="modal message-copy" id="modal"></div>
<!-- Main JS file -->
<script src="./js/main.js"></script>
</body>
</html>