Sujet Précédent Sujet Suivant

Création d'un bouton d'inscription rapide

Fermé
Swann68 - Modifié le 22 déc. 2019 à 13:58
jordane45 Messages postés 38162 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 mai 2024 - 9 janv. 2020 à 17:57
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 !
A voir également:

4 réponses

Réponse 1 / 4
jordane45 Messages postés 38162 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 mai 2024 4 658
22 déc. 2019 à 15:38
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 )

0
Swann68
Modifié le 1 janv. 2020 à 12:59
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
0
Réponse 2 / 4
jordane45 Messages postés 38162 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 mai 2024 4 658
1 janv. 2020 à 18:16
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 ?
0
Réponse 3 / 4
Swann68
2 janv. 2020 à 12:42
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 !
0
jordane45 Messages postés 38162 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 mai 2024 4 658
2 janv. 2020 à 13:28
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.
0
Réponse 4 / 4
Swann68
Modifié le 8 janv. 2020 à 21:10
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 !
0
madmyke Messages postés 52838 Date d'inscription dimanche 20 janvier 2008 Statut Modérateur Dernière intervention 6 mai 2024 12 059
8 janv. 2020 à 21:09
Merci de rester poli ici, sinon le vilain robot effacera vos message sans été d'âme.
0
jordane45 Messages postés 38162 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 mai 2024 4 658
9 janv. 2020 à 17:57
Déplace ton javascript juste avant le </body>
0

Discussions similaires

Où est la touche SHIFT sur mon clavier d'ordi ?
joe! -
fernando-_ytb -

18 réponses
Qui sont les personnes dans mon ajout rapide de Snapchat ?
lobino68 -
m_manolo25 -

21 réponses
Comment regarder un film complet sans inscriptions et gratuit ?
Black -
Misterenart -

2 réponses