Transformer un bouton

Bonjours à tous,

Je voudrais savoir si avec du javascript il était possible de transformer un bouton d'envoi en bouton de retour dans mon cas le bouton retour servirait à revenir à l'accueil.

Bonsoir :)
Que fais tu avec ton formulaire ? Car ça peut être possible de revenir à une autre page après le traitement du formulaire.

Il faut changer l'attribut action du formulaire avec l'objet window.location par exemple.

En fait, j'ai créé un petit en php, l'utilisateur a 7 essais un nombre mystère. Je voudrais que lorsque l'utilisateur trouve le nombre mystère ou quand le nombre d'essai est 0 que le bouton (input) qui permettait de vérifier si le nombre était le bon redirige vers l'accueil.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<?php
// on vérifie si le nombre a déjà été généré
// dans ce cas il sera renvoyé par le formulaire de saisie
if (isset($_POST['mystere']) && ctype_digit($_POST['mystere'])) {
   $nombre = $_POST['mystere'];
}
else {
   $nombre = mt_rand(1, 100);
   //echo $nombre;
}
 
// on récupère le nombre de tentatives déjà faites
if (isset($_POST['nbTentatives']) && ctype_digit($_POST['nbTentatives'])) {
   $nbTentatives = $_POST['nbTentatives'];
   // on incrémente
   $nbTentatives += 1;
}
else {
   $nbTentatives = 0;
}
 
$essaisRestants = 7 - $nbTentatives;
?>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-88859-1"/>
   <title>Jeu</title>
   <link rel="stylesheet" href="CSS/feuille.css" />
   <link rel="shortcut icon" type="image/x-icon" href="Images/icone.ico" />
   <script type="text/javascript" src="Javascript/Verification.js"></script>
   <img src="Images/proba.png" style="display:block;margin:auto;width:256px:height:256px;vertical-align:middle" />
</head>
<body>
   <form method="post" action="jeu.php" name="formJeu">
      <fieldset style=" width:500px; height:220px">
         <p align="center">Entrer un nombre entre 0 et 100 :
            <input type="text" name="choixnombre" id="choixnombre" value="." onclick="javascript:this.value=''" size="7" required="required"/>
            <input type="hidden" name="mystere" value="<?php echo $nombre; ?>" />
            <input type="hidden" name="nbTentatives" value="<?php echo $nbTentatives; ?>" />
            </br>
			</br>
            <input type="button" value="Vérifier" id="Vérifier" onclick="verification()" style="font-size:100%">
         </p>
         Essais restant : <?php echo $essaisRestants; ?>
		 </br>
		 </br>
 
   </form>
 
   <?php
   //on récupère le nombre saisie par l'utilisateur pour le comparer au nombre généré aléatoirement
 	if (isset($_POST['choixnombre'])) { 
	$choixnombre = $_POST['choixnombre'];
	?>
   <?php if($essaisRestants > 0): ?>
	<?php if ($nombre > $choixnombre): ?>
		<div align="center">Le nombre choisi est trop petit !</div>
	<?php else: ?>
		<?php if ($nombre < $choixnombre): ?>
			<div align="center">Le nombre choisi est trop grand !</div>
		<?php else: ?>
		<script>$('#Vérifier').replaceWith("<input href='Accueil.php' id='Retour' />");</script>
			<div align="center">Bravo, vous avez trouvé le nombre mystère !</div>
		<?php endif; ?>
	<?php endif; ?>
	<?php endif; ?>	
	<?php if($essaisRestants == 0): ?>
			<div align="center">Vous avez perdu !</div>	
			<div align="center">le nombre mystère était : <?php echo $nombre ?></div>	
	<?php endif; ?>
 
	<?php } ?> 
 
	<script type="text/javascript">
	function() {
	var retour = document.getElementById("nbTentatives").value;
      if(nbTentatives ==7){
          $('#Vérifier').replaceWith("<input href='Accueil.php' id='Retour' />");
      } 
</script>
	</fieldset>
</body>
</html>