Création d'un bouton d'inscription rapide
Swann68
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 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 !
A voir également:
- Création d'un bouton d'inscription rapide
- Acces rapide - Guide
- Wetransfer gratuit sans inscription - Guide
- Twitter inscription - Guide
- Creation compte gmail - Guide
- Création site web - Guide
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 :
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 )
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 ?
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 !
Merci de m'aider !
Voici le code et désolé de *** (supprimé par la modération) :
Je sais sa ressemble à rien quand on le regarde mais je commence toujours par un bouton ou un formulaire d'inscription.
Merci encore !
<!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 !
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