Codage et HTML

Fermé

Anonyme - 19 janv. 2016 à 06:59
Anonyme - 19 janv. 2016 à 21:21

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. :)

A voir également:

Codage et HTML
Codage ascii - Guide
Codage binaire - Guide
Editeur html - Télécharger - HTML
&Nbsp html ✓ - Forum Webmastering
Br html - Forum HTML

1 réponse

Réponse 1 / 1

bartanto Messages postés 25 Date d'inscription mardi 19 janvier 2016 Statut Membre Dernière intervention 22 janvier 2016 6
Modifié par bartanto le 19/01/2016 à 10:05

<!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

Anonyme
19 janv. 2016 à 13:26

Merci beaucoup, mais comment je fait pour saisir le texte que je veux coder/décoder ? parce que j'aimerais avoir une zone où je tape ce que je veux traduire, puis cliquer sur translate (comme tu l'as fait) puis avoir la phrase codée qui s'affiche. Merci d'avance :)

bartanto Messages postés 25 Date d'inscription mardi 19 janvier 2016 Statut Membre Dernière intervention 22 janvier 2016 6
19 janv. 2016 à 14:07

Est ce que tu veux que les enfants est accès à cette page ?

bartanto Messages postés 25 Date d'inscription mardi 19 janvier 2016 Statut Membre Dernière intervention 22 janvier 2016 6
19 janv. 2016 à 17:18

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>

Anonyme
19 janv. 2016 à 21:21

C'est parfait merci beaucoup !

Discussions similaires

controleur de codage/décodage PCI