Codage et HTML

Anonyme -  
 Anonyme -
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:

1 réponse

Réponse 1 / 1
bartanto Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   6
  
<!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
1
Anonyme
 
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 :)
0
bartanto Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   6
 
Est ce que tu veux que les enfants est accès à cette page ?
0
bartanto Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   6
 
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>
0
Anonyme
 
C'est parfait merci beaucoup !
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
controleur de codage/décodage PCI
dtp33950 -
kaneagle -

6 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse