Création d'un bouton d'inscription rapide

Signaler
-
jordane45
Messages postés
27276
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 janvier 2020
-
Bonjour,
J'aimerais créer un bouton d'inscription rapide sous JSFiddle mais cela ne marche pas. Quelquin aurait autre chose ?
document.getElementbyId("bouton1").onclick =

var maVariable = prompt("Quel est ton nom ?");
document.write(maVariable)

<h1>Mon titre</h1>
<meta charset="UTF-8">
<button id="bouton1">Clique ici pour t'inscrire !</button>

Merci d'avance !

4 réponses

Messages postés
27276
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 janvier 2020
2016
Bonjour,

Ou bien tu as oublié de coller des bouts de ton code ou alors tu n'as pas compris comment fonctionne le "onclick".
Je penche pour la deuxième explication...

Donc, je suppose que ce que tu cherches à faire est :
document.getElementById("bouton1").onclick = function (){
   var maVariable = prompt("Quel est ton nom ?");
   document.write(maVariable)
 };


NB: Pense à ouvrir la console javascript de ton navigateur pour y voir les éventuelles erreurs.
En l'occurence ici, tu avais également un souci sur l'orthographe de l'instruction getElementById (attention aux majuscules )

Bonjour et merci,
mais j'ai fait un copier-coller de ton script dans mon éditeur de texte (Sublim Text) et j'ai remplacé mon ancien code par le tien mais quand je cliques cela ne marche toujours pas (je suis sur Firefox, cela pose un problème ?).
Merci d'avance.
Swann68
Messages postés
27276
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 janvier 2020
2016
Tu l'as placé où ton code js exactement par rapport au reste de ton code html ?
As tu également regardé si tu avais des erreurs dans la console javascript du navigateur ?
J'ai placé mon code dans le body et j'ai regardé la console mais il n'y avait aucune erreur, désolé.
Merci de m'aider !
jordane45
Messages postés
27276
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 janvier 2020
2016
Alors je vais le reformuler moins subtilement.........

MONTRE NOUS EXACTEMENT TOUT TON CODE.

Sans ça... impossible de savoir ce que tu as mal fait... je ne suis malheureusement pas encore devin...

Merci.
Voici le code et désolé de *** (supprimé par la modération) :

<!DOCTYPE html>
<html>
<head>
 <title>Mon site</title>
 <meta charset="utf-8">
</head>
<body>
 <script type="text/javascript">
  document.getElementById("bouton1").onclick = function (){
   var maVariable = prompt("Quel est ton nom ?");
   document.write(maVariable)
 };
 </script>
 <style type="text/css">
  #button1 {
   font-size: 200%;
   border: 5px solid #424558;
   background-color: #424558;
   border-radius: 20px;
   color: #87ceeb;
  }
  #button1:hover {
   animation: couleurButton 2s;
  }
  @keyframes couleurButton {
   50%{background-color: #87ceeb;color: #424558;border: 5px solid #87ceeb;border-radius: 25px;}
  }
 </style>
 <table>
 <td id="td1"><button id="button1">Cliques</button></td>
</table>

</body>
</html>

Je sais sa ressemble à rien quand on le regarde mais je commence toujours par un bouton ou un formulaire d'inscription.
Merci encore !
madmyke
Messages postés
44045
Date d'inscription
lundi 21 janvier 2008
Statut
Modérateur
Dernière intervention
16 janvier 2020
7341
Merci de rester poli ici, sinon le vilain robot effacera vos message sans été d'âme.
jordane45
Messages postés
27276
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 janvier 2020
2016
Déplace ton javascript juste avant le </body>