Code HTML?
Résolu
Aude
-
Aude -
Aude -
Bonjour,
Je cherche, dans le cadre de mon travail, à créer un escape game "maison".
J'aurais souhaité créer un site très simple en codage html où les joueurs doivent rentrer dans le bon ordre 6 mots codes pour résoudre l’énigme. (Je suis totalement novice en codage).
Voici mon codage de base :
Est-ce qu'il existe un code ou une astuce pour codifier une seule bonne réponse possible dans le champ de texte ? L'idée étant que si le mot code est bon, il mènerait à une seconde page où il faudra rentrer le code 2 et ainsi de suite jusqu'à la fin des mots codes?
Voici un exemple car je ne suis pas sure d'être claire :
Merci d'avance pour le temps que vous prendrez,
Aude.
Je cherche, dans le cadre de mon travail, à créer un escape game "maison".
J'aurais souhaité créer un site très simple en codage html où les joueurs doivent rentrer dans le bon ordre 6 mots codes pour résoudre l’énigme. (Je suis totalement novice en codage).
Voici mon codage de base :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Le Retourneur de Temps</title>
</head>
<body>
<br/>
<br/>
<center> <img src="https://zupimages.net/up/20/07/2130.png" alt="Image du retourneur de temps">
<br/>
<br/>
<p>Rentrer les mots codes dans le bon ordre.</p>
<label for="name">Code n°1:</label>
<input type="text" name="Réponse" maxlength="10"/><br/>
<form>
<div>
<input type="submit" value="Envoyer !"/><a href="code2.html"></a>
</div>
</form>
</center>
</body>
</html>
Est-ce qu'il existe un code ou une astuce pour codifier une seule bonne réponse possible dans le champ de texte ? L'idée étant que si le mot code est bon, il mènerait à une seconde page où il faudra rentrer le code 2 et ainsi de suite jusqu'à la fin des mots codes?
Voici un exemple car je ne suis pas sure d'être claire :
Page 1 : Mot code 1 : JARDIN > Mène à page 2
Page 2 : Mot code 2 : MAISON > Mène à page 3
Page 3 : Mot code 3 : SCOOTER > Bravo, vous avez résolu l’énigme !
Merci d'avance pour le temps que vous prendrez,
Aude.
A voir également:
- Code HTML?
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Editeur html - Télécharger - HTML
5 réponses
Bonjour,
Le html sert uniquement à indiquer aux navigateurs internet quels sont les éléments à afficher ( la structure de ta page).
Pour que ta page soit "interactive" tu n'as pas d'autre choix que d'y adjoindre à minima, du code Javascript, ou utiliser un langage serveur tel que le PHP.
En Javascipt
NB: Ne pas utiliser de caractères accentués dans le nom des variable ou les id/name des éléments html !
Le html sert uniquement à indiquer aux navigateurs internet quels sont les éléments à afficher ( la structure de ta page).
Pour que ta page soit "interactive" tu n'as pas d'autre choix que d'y adjoindre à minima, du code Javascript, ou utiliser un langage serveur tel que le PHP.
En Javascipt
<!DOCTYPE html>
<html>
<head>
<title>Je suis le cerbère de la porte..</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
</head>
<body>
<div>
<input type="text" id="reponse" maxlength="10"/><br/>
</div>
<div>
<button onclick="verif()">Envoyer !"</button>
</div>
<script type="text/javascript">
function verif(){
var rep = document.getElementById('reponse').value;
if(rep =="JARDIN"){
document.location.href = "code2.html";
}else if(rep =="MAISON"){
document.location.href = "code3.html";
}else if(rep =="SCOOTER"){
alert("Bravo !");
}else{
alert("ERREUR .....");
}
}
</script>
</body>
</html>
NB: Ne pas utiliser de caractères accentués dans le nom des variable ou les id/name des éléments html !
Bonjour,
Concernant le code javascript j'aurais encore une question.
Actuellement, avec le code donné, si je rentre un mot, même s'il n'est pas dans l'ordre, on accède directement à la bonne page.
Exemple :
Code 1 : JARDIN
Code 2 : SCOOTER
Code 3 : PELLE
Code 4 : LOUP
Si dans la page code 1, je rentre le mot PELLE, j'accède directement à la page du code 4.
Le but est que les gens ne puissent pas rentrer un autre ordre que celui voulu.
Est-ce possible d'avoir un code qui empêche cela?
Merci d'avance !
Concernant le code javascript j'aurais encore une question.
Actuellement, avec le code donné, si je rentre un mot, même s'il n'est pas dans l'ordre, on accède directement à la bonne page.
Exemple :
Code 1 : JARDIN
Code 2 : SCOOTER
Code 3 : PELLE
Code 4 : LOUP
Si dans la page code 1, je rentre le mot PELLE, j'accède directement à la page du code 4.
Le but est que les gens ne puissent pas rentrer un autre ordre que celui voulu.
Est-ce possible d'avoir un code qui empêche cela?
Merci d'avance !
Je n'avais pas bien compris ta question au départ.
Tu ne veux pas UN code qui envoie sur chacune des pages possibles...
Tu veux UN code différent pour CHAQUE page.
Dans ce cas :
et pour la page 4, au lieu de faire une redirection, tu fais ton
Tu ne veux pas UN code qui envoie sur chacune des pages possibles...
Tu veux UN code différent pour CHAQUE page.
Dans ce cas :
<!DOCTYPE html>
<html>
<head>
<title>Je suis le cerbère de la porte..</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
</head>
<body>
<div>
<input type="text" id="reponse" maxlength="10" onkeyup="this.value=this.value.toUpperCase()"/><br/>
</div>
<div>
<button onclick="verif()">Envoyer !"</button>
</div>
<script type="text/javascript">
function verif(){
//--------------------------------------------------------------------//
// Variables à adapter
// en fonction de la page dans laquelle tu places ton code
//--------------------------------------------------------------------//
var CODEATROUVER = "JARDIN";
var URLSIOK = "code2.html";
//--------------------------------------------------------------------//
var rep = document.getElementById('reponse').value;
if(rep == CODEATROUVER){
document.location.href = URLSIOK;
}else{
alert("ERREUR .....");
}
}
</script>
</body>
</html>
et pour la page 4, au lieu de faire une redirection, tu fais ton
alert("Bravo !");
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question