my code
Code:
<body>
<script>
function encodeFunction() {
var x;
x = document.getElementById("inputtext").value;
if(document.getElementById('urlEncodecheck').checked){
var encodex;
encodex = encodeURIComponent(x);
}
if(document.getElementById('HTMLEncodecheck').checked){
var encodex;
encodex = x.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
}
if(document.getElementById('hexencodecheck').checked){
var s = unescape(encodeURIComponent(x))
var encodex = ''
for (var i = 0; i < s.length; i++) {
encodex += "%" + s.charCodeAt(i).toString(16)
}}
if(document.getElementById('base64Encodecheck').checked){
var encodex = '';
encodex = window.btoa(x);
}
document.getElementById("outputttext").value = encodex;
}
</script>
<h1>Encode</h1>
<form action="">
<input type="radio" name="encodetype" id="urlEncodecheck" checked="checked" oninput="encodeFunction()">Url<br>
<input type="radio" name="encodetype" id="base64Encodecheck" oninput="encodeFunction()">Base64<br>
<input type="radio" name="encodetype" id="HTMLEncodecheck" oninput="encodeFunction()">HTML<br>
<input type="radio" name="encodetype" id="hexencodecheck" oninput="encodeFunction()">Hex
<h2>Input</h2>
<textarea id="inputtext" rows="4" cols="50" oninput="encodeFunction()" autofocus>
</textarea>
<h2>Output</h2>
<textarea id="outputttext" rows="4" cols="50" readonly>
</textarea>
</body>