-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
111 lines (108 loc) · 6.34 KB
/
index.html
File metadata and controls
111 lines (108 loc) · 6.34 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous">
</script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="./cryptography.png" type="image/x-icon">
<script src="main.js"></script>
<style>
.css{
color:#FFFF33;
}
</style>
<title>Rsa Kalkulator</title>
</head>
<body class="text-center bg-dark">
<div class="jumbotron bg-light">
<h1 class="display-4"> RSA Kalkulator </h1>
<p>Code by trnwrckd</p><hr>
<p class="lead text-center"><b>RSA (Rivest – Shamir – Adleman)</b> adalah algoritme enkripsi yang digunakan di komputer modern untuk mengenkripsi dan mendekripsi pesan numerik.
Ini adalah algoritma asimetris karena menggunakan dua kunci yang berbeda. Salah satu kuncinya adalah kunci publik yang dapat diberikan kepada siapa saja. Yang lainnya adalah kunci pribadi. </p>
<a onclick="$('#first').fadeIn();" href="#first" > <button class="btn btn-lg btn-dark" > Coba </button></a>
<a href="/"> <button class="btn btn-lg btn-dark"> Kosongkan </button></a>
</div>
<div id="first" class="row" style="height: auto; display: none;">
<div id="info" class="container col-md-5 border border-danger text-light">
<h3 class="border-bottom border-danger"> Info </h3>
<sub id="warning" class="text-warning"></sub><br>
<p>
<div class="border-bottom border-danger">
Nilai dari <span class="css">p </span> = <span id ="pval"></span> <br>
Nilai dari <span class="css">q </span> = <span id ="qval"></span> </div> <br>
<div id="pq" class="border-bottom border-danger" style="display: none;">
<span class="css">n </span></span>= p * q = <span id ="pqval"></span><br>
<span class="css">ϕ (n) </span>= (p-1) * (q-1) = <span id ="fi"></span></div>
<br>
<div id ="candidates" class="text-light" style="display: none;">Candidates of <span class="css"> 1 mod ϕ (n) </span>: <br> <br>
<textarea id="list" class=" text-light bg-dark" cols="33" rows="5"></textarea><br> <br>
<span id ="kval" style="color:steelblue"></span>
<br>
</div>
</p>
</div>
<div class="col-md-1"> </div>
<div id= "calc" class="container col-md-5 border border-danger text-light">
<h3 class="border-bottom border-danger"> Kalkulator </h3> <hr>
<button class="btn btn-sm btn-danger" id="rando">Pilih nilai acak</button>
<hr>
<form class="form-group mb-4">
<input class= "form-control-sm mb-2" type="text" id = "p" value="" placeholder="Enter value for p">
<br>
<input class= "form-control-sm mb-2" type="text" id = "q" value="" placeholder="Enter value for q">
<br>
<input class= "form-control-sm mb-2" type="text" id = "k" placeholder="Enter value for k"> <br>
<input class= "form-control-sm mb-2" type="text" id = "e" placeholder="Check value of e">
<input class= "form-control-sm mb-2" type="text" id = "d" placeholder="check value of d">
<br><button class="btn btn-sm btn-danger" id="check"> Check</button><br> <br>
<span id ="accpt" style="display: none;"></span>
</form>
<br>
</div>
</div>
<br>
<div class="container" id="proceed" style="display: none;">
<a id="go" href="#rsa" onclick="$('#rsa').fadeIn(500);">
<button class="btn btn-lg btn-success text-dark"> <strong> Go cipher </strong></button> </a>
</div>
<br>
<div id="rsa" class="row" style="height: auto; display: none;">
<div class="container col-md-5 border border-danger rounded text-light">
<h3 class="border-bottom border-danger"> Encode </h3>
<form>
<textarea class="form-control bg-dark text-light" id="encMsg" placeholder="Enter text to encode"></textarea>
<br> <button class="btn btn-danger" id="encBtn"> Encode </button>
</form><br>
<div id = "encfnl" style="display: none;">
<h4> Encrypted </h4>
<textarea class="form-control bg-dark text-light" id="encodeResult" class="border border-top-0 border-light"></textarea>
<br>
<h4> Encrypted text in numeric form </h4>
<textarea class="form-control bg-dark text-light" id="EncNumForm" class="border border-top-0 border-light"></textarea>
</div>
</div>
<div class="container col-md-5 border border-danger rounded text-light">
<h3 class="border-bottom border-danger"> Decode </h3>
<form>
<textarea class="form-control bg-dark text-light" id="decMsg" placeholder="Enter text to decode"></textarea>
<br> <button class="btn btn-danger" id="decBtn"> Decode </button>
</form><br>
<div id = "decfnl" style="display: none;">
<h4> Decrypted </h4>
<textarea class= "form-control bg-dark text-light" id="decodeResult" class="border border-top-0 border-light"></textarea>
<br>
<h4> Decrypted text in numeric form </h4>
<textarea class="form-control bg-dark text-light" id="decNumForm" class="border border-top-0 border-light"></textarea>
</div>
</div>
</div>
<div style="height: 15rem;"></div>
</body>
</html>