psy_vk / crypto.html
DmitrMakeev's picture
Update crypto.html
6f988b5 verified
raw
history blame
2.99 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Шифрование ссылки</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
h1 {
background-color: #4CAF50;
color: white;
padding: 20px;
margin: 0;
border-bottom: 2px solid #388E3C;
}
.input-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.input-row label {
color: black;
font-size: 16px;
}
.input-row input[type="text"] {
width: 80%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
#encryptButton {
color: white;
background-color: #4CAF50;
border: none;
cursor: pointer;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
margin-top: 20px;
}
#encryptButton:hover {
background-color: #388E3C;
}
h2 {
margin-top: 40px;
color: #4CAF50;
}
textarea {
width: 80%;
height: 100px;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
margin-top: 10px;
}
</style>
</head>
<body>
<h1>Шифрование ссылки</h1>
<form id="encryptForm">
<div class="input-row">
<label for="key">Ключ:</label>
<input type="text" id="key" name="key" required>
</div>
<div class="input-row">
<label for="link">Ссылка:</label>
<input type="text" id="link" name="link" required>
</div>
<button type="button" id="encryptButton" onclick="encryptLink()">Зашифровать</button>
</form>
<h2>Зашифрованная ссылка:</h2>
<textarea id="encryptedLink" rows="4" cols="50" readonly></textarea>
<script>
function encryptLink() {
const key = document.getElementById('key').value;
const link = document.getElementById('link').value;
// Шифрование с использованием AES
const encryptedLink = CryptoJS.AES.encrypt(link, key).toString();
// Вывод зашифрованной ссылки
document.getElementById('encryptedLink').value = encryptedLink;
}
</script>
</body>
</html>