Codage et HTML
Bonjour, je fais appel à vous car j'ai besoin d'aide en codage HTML, car je n'y connais pas du tout. Je suis animateur pour enfants, pour un grand nombre de jeux, nous utilisons un codage avec un nouvel alphabet du type A = #, B = *, C = .... J'aimerais créer une page en HTML pour pouvoir coder et décoder des phrases, afin de le mettre en place sur un site. Si quelqu'un pourrais m'aider, merci d'avance. :)
1 réponse
-
<!DOCTYPE html>
<html>
<body>
<p id="demo">abc a b c</p>
<button onclick="myFunction()">Translate</button>
<script>
function myFunction() {
var str = document.getElementById("demo").innerHTML;
var res = str.replace(/a/g, "#");
res = res.replace(/b/g, "?");
res = res.replace(/c/g, "!");
document.getElementById("demo").innerHTML = res;
}
</script>
</body>
</html>
Il te suffit maintenant de faire pour chaque lettres et dans l'autre sens si tu veux, mais en gros tu à le principe ici-
-
-
Si non, cela ne sert a rien de cacher le code qui permet la traduction
<!DOCTYPE html>
<html>
<body>
<textarea id="demo"></textarea>
<button onclick="alphabet()">Vers caracteres</button>
<button onclick="caracteres()">Vers alphabet</button>
<script>
function alphabet() {
var str = document.getElementById("demo").value;
var res = str.replace(/a/g, "#");
res = res.replace(/b/g, "§");
res = res.replace(/c/g, "!");
document.getElementById("demo").value = res;
}
function caracteres() {
var str = document.getElementById("demo").value;
var res = str.replace(/#/g, "a");
res = res.replace(/§/g, "b");
res = res.replace(/!/g, "c");
document.getElementById("demo").value = res;
}
</script>
</body>
</html> -
-
