Merhaba bu konumda yaptığım basit 01-string dönüştürücü scriptin tanıtımını yapacağım.
Fikir Kaynağı:https://www.turkhackteam.org/konular/bilgisayarlarin-hucreleri-1ler-ve-0lar.2016011/
translater.html:
translater.css:
translater.js:
Önizleme:
Boşluk karakterlerini noktalama işaretlerini algılamıyor çünkü koddaki dizide onları koymadım siz onları da ekleyip daha gelişmiş bir versiyonunu yapabilirsiniz.
İndirme Linkleri:
01translater.rar indir
İndir 01translater rar
01translater.rar dosyasını indir - download
GitHub - Crackmeci/01translater: A simple 01 language translater
VirusTotal:
VirusTotal
Fikir Kaynağı:https://www.turkhackteam.org/konular/bilgisayarlarin-hucreleri-1ler-ve-0lar.2016011/
translater.html:
HTML:
<!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>One Zero Translater</title>
<link rel="stylesheet" href="translater.css">
</head>
<body>
<div class="container">
<div class="card">
<label for="inputing">Yazı:</label>
<textarea id="inputing" class="textBox"></textarea>
<div class="buttons">
<button class="btn" id="converter">01'e Dönüştür</button>
<button class="btn" onclick="kopyala();" id="copy">Kopyala</button>
<button class="btn" id="reconverter">01'den Çöz</button>
</div>
</div>
</div>
<script src="translater.js"></script>
</body>
</html>
translater.css:
CSS:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;500&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
::root {
--transitionTime: 3s;
}
body {
font-size: 14px;
background: #ffffff;
}
.container {
position: relative;
display: block;
width: 500px;
margin: 0 auto;
margin-top: 150px;
min-height: 100%;
}
.container-full {
position: relative;
display: block;
width: 100%;
margin: 0 auto;
min-height: 100%;
}
.card {
display: block;
position: relative;
}
.card .textBox {
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 10px;
background-color: #ffffff;
border: 1px solid #e5e5e5;
resize: none;
border-radius: 4px;
outline: none;
overflow: hidden;
margin-top: 3px;
margin-bottom: 3px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: 0.3s ease-in-out;
cursor: pointer;
}
.card .buttons {
display: flex;
justify-content: space-between;
}
.card .btn {
display: inline-block;
position: relative;
height: 100%;
padding: 10px;
background-color: #00bfff;
color: #fff;
font-weight: 500;
border: 1px solid #ccc;
min-width: 120px;
border-radius: 4px;
outline: none;
overflow: hidden;
margin-top: 3px;
margin-bottom: 3px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: 0.3s ease-in-out;
cursor: pointer;
}
translater.js:
JavaScript:
const textArea = document.querySelector(".textBox");
const convertBtn = document.querySelector("#converter");
const reconvertBtn = document.querySelector("#reconverter");
const tercuman = {
a: "01100001",
b: "01100010",
c: "01100011",
d: "01100100",
e: "01100101",
f: "01100110",
g: "01100111",
h: "01101000",
i: "01101001",
j: "01101010",
k: "01101011",
l: "01101100",
m: "01101101",
n: "01101110",
o: "01101111",
p: "01110000",
q: "01110001",
r: "01110010",
s: "01110011",
t: "01110100",
u: "01110101",
v: "01110110",
w: "01110111",
x: "01111000",
y: "01111001",
z: "01111010",
A: "01000001",
B: "01000010",
C: "01000011",
D: "01000100",
E: "01000101",
F: "01000110",
G: "01000111",
H: "01001000",
I: "01001001",
J: "01001010",
K: "01001011",
L: "01001100",
M: "01001101",
N: "01001110",
O: "01001111",
P: "01010000",
Q: "01010001",
R: "01010010",
S: "01010011",
T: "01010100",
U: "01010101",
V: "01010110",
W: "01010111",
X: "01011000",
Y: "01011001",
Z: "01011010",
}
const convertArray = (text) => {
let textArray = [];
for (let i = 0; i < text.length; i++) {
textArray.push(text[i]);
}
return textArray;
}
const convertedTercuman = Object.entries(tercuman);
document.addEventListener('DOMContentLoaded', function () {
textArea.style.height = textArea.scrollHeight + 'px';
}, false);
textArea.addEventListener('input', function () {
textArea.style.height = 'auto';
textArea.style.height = textArea.scrollHeight + 'px';
}, false);
convertBtn.addEventListener('click', function () {
convertArray(textArea.value).forEach(element => {
let sonuc = convertedTercuman.find(x => x[0] === element)[1] + " ";
textArea.value = textArea.value.replace(element, sonuc);
});
});
reconvertBtn.addEventListener('click', function () {
let reconverted = textArea.value.split(" ");
reconverted.pop();
reconverted.forEach(element => {
let sonuc = convertedTercuman.find(x => x[1] === element)[0];
textArea.value = textArea.value.replace(element, sonuc);
textArea.value = textArea.value.replace(" ", "");
});
});
const kopyala = () => {
textArea.select();
document.execCommand("copy");
}
Önizleme:
Boşluk karakterlerini noktalama işaretlerini algılamıyor çünkü koddaki dizide onları koymadım siz onları da ekleyip daha gelişmiş bir versiyonunu yapabilirsiniz.
İndirme Linkleri:
01translater.rar indir
İndir 01translater rar
01translater.rar dosyasını indir - download
GitHub - Crackmeci/01translater: A simple 01 language translater
VirusTotal:
VirusTotal