State attenti fra testo e numero
Convertitore MYCUS
Ecco qua il codice sorgente:
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Convertitore MYCUS</title>
<style>
body {
background-color: #000;
color: #00FF00;
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
height: 100vh;
align-items: center;
}
#container {
width: 300px;
margin: 0 auto; /* Aggiunta per centrare il contenitore */
}
input {
width: 100%;
padding: 10px;
margin: 10px 0;
box-sizing: border-box;
color: #000;
background-color: #FFF;
border: none;
border-radius: 4px;
outline: none;
}
button {
width: 100%;
padding: 10px;
margin: 5px;
background-color: #4CAF50;
color: #FFF;
border: none;
border-radius: 4px;
cursor: pointer;
}
#result {
margin-top: 20px;
}
</style>
</head>
<body>
<div id="container">
<h2>Convertitore MYCUS</h2>
<input type="text" id="inputText" placeholder="Inserisci un numero o testo">
<button onclick="converti('bin')">Converti in Binario</button>
<button onclick="converti('hex')">Converti in Esadecimale</button>
<button onclick="convertiTesto('bin')">Converti Testo in Binario</button>
<button onclick="convertiTesto('hex')">Converti Testo in Esadecimale</button>
<div id="result"></div>
</div>
<script>
function converti(tipo) {
var input = document.getElementById("inputText").value;
// Check if input is valid numeric input
if (isNaN(parseInt(input, 10))) {
document.getElementById("result").innerHTML = "L'input inserito non è un numero valido.";
} else {
if (tipo === 'bin') {
// Converti in binario
document.getElementById("result").innerHTML = "Risultato in binario: " + convertiInBinario(input);
} else if (tipo === 'hex') {
// Converti in esadecimale
document.getElementById("result").innerHTML = "Risultato in esadecimale: " + convertiInEsadecimale(input);
}
}
}
function convertiInBinario(input) {
return parseInt(input).toString(2);
}
function convertiInEsadecimale(input) {
return parseInt(input).toString(16);
}
function convertiTesto(tipo) {
var input = document.getElementById("inputText").value;
var risultato = "";
for (var i = 0; i < input.length; i++) {
if (tipo === 'bin') {
risultato += input[i].charCodeAt(0).toString(2) + " ";
} else if (tipo === 'hex') {
risultato += input[i].charCodeAt(0).toString(16) + " ";
}
}
document.getElementById("result").innerHTML = "Risultato del testo: " + risultato.trim();
}
</script>
</body>
</html>