Création d'un bouton d'inscription rapide
Swann68
-
jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
J'aimerais créer un bouton d'inscription rapide sous JSFiddle mais cela ne marche pas. Quelquin aurait autre chose ?
Merci d'avance !
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
-
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 )
-
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 ! -
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 !
