Bonsoir à tous, comme vous avez pu voir dans le titre, j'aimerais créer un bouton qui puisse créer une div d'un input.
Je débute en javascript et après de nombreux essais je n'ai pas réussis à trouver la fonction afin que lorsque j'appuie sur le bouton, une div apparait avec le texte renseigné dans l'input.

Merci beaucoup à ceux qui m'aideront !

JS :

document.getElementById("monInput").hidden = false;

HTML

<div hidden id="monInput">
<input>...</input>
</div>

Et biensur tu remplis ton input comme tu le souhaite

J'ai essayé le code mais moi ce que je veux faire c'est que je met un input et un bouton pour envoyer, et une fois que l'utilisateur à écris du texte dans l'input puis envoyer, ça créer une div avec le texte de l'input

Le 21 novembre 2021 à 18:21:10 :
J'ai essayé le code mais moi ce que je veux faire c'est que je met un input et un bouton pour envoyer, et une fois que l'utilisateur à écris du texte dans l'input puis envoyer, ça créer une div avec le texte de l'input

Ah ok j'avais pas dutout compris ça.

Ducoup :

JS :
myFunction(){
document.getElementById("myText").innerText = document.getElementById("myInput").value
}

HTML :

<div id="myDiv">
<input id="myInput">...</input>
<button onclick="myFunction()">Envoyer</button>
<div id="myText"></div>
</div>

Je me suis mal exprimé my bad.
Merci beaucoup !
Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

Le 21 novembre 2021 à 20:14:31 :
Je me suis mal exprimé my bad.
Merci beaucoup !
Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

https://developer.mozilla.org/fr/docs/Web/API/Document/createElement

onclick

Le 21 novembre 2021 à 20:48:32 :
onclick

?

Le 21 novembre 2021 à 20:14:31 :
Je me suis mal exprimé my bad.
Merci beaucoup !
Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

Si ce que tu veux faire c'est pouvoir ajouter un nouveau texte dans la div texte, tu peux mettre += au lieux de = dans le JS.

Je voudrais créer une div à chaque fois que je clique sur envoyer

Le 21 novembre 2021 à 21:30:25 :

Le 21 novembre 2021 à 20:48:32 :
onclick

?

Le 21 novembre 2021 à 20:14:31 :
Je me suis mal exprimé my bad.
Merci beaucoup !
Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

Si ce que tu veux faire c'est pouvoir ajouter un nouveau texte dans la div texte, tu peux mettre += au lieux de = dans le JS.

C'est une mauvaise pratique d'utiliser onclick

Le 21 novembre 2021 à 22:47:31 :

Le 21 novembre 2021 à 21:30:25 :

Le 21 novembre 2021 à 20:48:32 :
onclick

?

Le 21 novembre 2021 à 20:14:31 :
Je me suis mal exprimé my bad.
Merci beaucoup !
Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

Si ce que tu veux faire c'est pouvoir ajouter un nouveau texte dans la div texte, tu peux mettre += au lieux de = dans le JS.

C'est une mauvaise pratique d'utiliser onclick

Explique pourquoi au lieux de mettre des messages inutiles

Le 21 novembre 2021 à 23:25:35 :

Le 21 novembre 2021 à 22:47:31 :

Le 21 novembre 2021 à 21:30:25 :

Le 21 novembre 2021 à 20:48:32 :
onclick

?

Le 21 novembre 2021 à 20:14:31 :
Je me suis mal exprimé my bad.
Merci beaucoup !
Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

Si ce que tu veux faire c'est pouvoir ajouter un nouveau texte dans la div texte, tu peux mettre += au lieux de = dans le JS.

C'est une mauvaise pratique d'utiliser onclick

Explique pourquoi au lieux de mettre des messages inutiles

Pas le time, t'es grand tu peux chercher sur google

Le 22 novembre 2021 à 00:03:06 :

Le 21 novembre 2021 à 23:25:35 :

Le 21 novembre 2021 à 22:47:31 :

Le 21 novembre 2021 à 21:30:25 :

Le 21 novembre 2021 à 20:48:32 :
onclick

?

Le 21 novembre 2021 à 20:14:31 :
Je me suis mal exprimé my bad.
Merci beaucoup !
Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

Si ce que tu veux faire c'est pouvoir ajouter un nouveau texte dans la div texte, tu peux mettre += au lieux de = dans le JS.

C'est une mauvaise pratique d'utiliser onclick

Explique pourquoi au lieux de mettre des messages inutiles

Pas le time, t'es grand tu peux chercher sur google

Toujours aussi désagréable avec tous le monde, après une recherche rapide aucun consensus de mauvaise pratique ne me saute au yeux hormis la séparation des langages.

Est-ce que Monsieur nous ferait l’honneur de poster un message complet plutôt que des miettes ?

Le 22 novembre 2021 à 06:44:24 :

Le 22 novembre 2021 à 00:03:06 :

Le 21 novembre 2021 à 23:25:35 :

Le 21 novembre 2021 à 22:47:31 :

Le 21 novembre 2021 à 21:30:25 :

> Le 21 novembre 2021 à 20:48:32 :

>onclick

?

> Le 21 novembre 2021 à 20:14:31 :

>Je me suis mal exprimé my bad.

> Merci beaucoup !

> Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

Si ce que tu veux faire c'est pouvoir ajouter un nouveau texte dans la div texte, tu peux mettre += au lieux de = dans le JS.

C'est une mauvaise pratique d'utiliser onclick

Explique pourquoi au lieux de mettre des messages inutiles

Pas le time, t'es grand tu peux chercher sur google

Toujours aussi désagréable avec tous le monde, après une recherche rapide aucun consensus de mauvaise pratique ne me saute au yeux hormis la séparation des langages.

Est-ce que Monsieur nous ferait l’honneur de poster un message complet plutôt que des miettes ?

Oui oui d'accord aucun consensus

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Le gros warning sur mdn c'est quoi du coup ?

Allez je suis gentil je rajoute des éléments de réponse qui sont pas cités sur mdn

1) onclick crée un couplage global entre DOM et JS, pour utiliser une fonction custom dans un attribut onclick la fonction doit être accessible depuis le scope global, utiliser onclick tend vers du code moins modulaire et moins encapsulé

et si on omet ces cas on tombe dans des problèmes d'impossibilité de factorisation du code

2) onclick est historiquement un nid à failles de sécurité relativement aux sites web rendus côté serveur, c'est extrêmement facile pour un débutant de se tirer une balle dans le pied en terme de sécurité avec onclick étant donné que htmlspecialchars te protégera pas (et dieu sait que les débutants ne comprennent rien à l'échappement des XSS)

3) utiliser l'attribut onclick tend à habituer les débutants à programmatiquement définir leurs listeners à coup de el.onclick = ce qui peut très vite être encore une fois un footgun lorsque el.onclick existe déjà au préalable, on perd un listener de façon totalement silencieuse et ça peut être un enfer à debug pour comprendre d'où vient le problème lorsque des lib atroces basées sur jquery sont en jeu (comme c'est souvent le cas dans le code des débutants)

Le 22 novembre 2021 à 06:44:24 :

Le 22 novembre 2021 à 00:03:06 :

Le 21 novembre 2021 à 23:25:35 :

Le 21 novembre 2021 à 22:47:31 :

Le 21 novembre 2021 à 21:30:25 :

> Le 21 novembre 2021 à 20:48:32 :

>onclick

?

> Le 21 novembre 2021 à 20:14:31 :

>Je me suis mal exprimé my bad.

> Merci beaucoup !

> Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

Si ce que tu veux faire c'est pouvoir ajouter un nouveau texte dans la div texte, tu peux mettre += au lieux de = dans le JS.

C'est une mauvaise pratique d'utiliser onclick

Explique pourquoi au lieux de mettre des messages inutiles

Pas le time, t'es grand tu peux chercher sur google

Toujours aussi désagréable avec tous le monde, après une recherche rapide aucun consensus de mauvaise pratique ne me saute au yeux hormis la séparation des langages.

Est-ce que Monsieur nous ferait l’honneur de poster un message complet plutôt que des miettes ?

Malaise par contre, supprime.

Le 22 novembre 2021 à 12:23:12 :

Le 22 novembre 2021 à 06:44:24 :

Le 22 novembre 2021 à 00:03:06 :

Le 21 novembre 2021 à 23:25:35 :

Le 21 novembre 2021 à 22:47:31 :

> Le 21 novembre 2021 à 21:30:25 :

>> Le 21 novembre 2021 à 20:48:32 :

> >onclick

>

> ?

>

> > Le 21 novembre 2021 à 20:14:31 :

> >Je me suis mal exprimé my bad.

> > Merci beaucoup !

> > Mais par contre j'aimerai pouvoir le faire à l'infini, tu sais comment je pourrais faire ?

>

> Si ce que tu veux faire c'est pouvoir ajouter un nouveau texte dans la div texte, tu peux mettre += au lieux de = dans le JS.

C'est une mauvaise pratique d'utiliser onclick

Explique pourquoi au lieux de mettre des messages inutiles

Pas le time, t'es grand tu peux chercher sur google

Toujours aussi désagréable avec tous le monde, après une recherche rapide aucun consensus de mauvaise pratique ne me saute au yeux hormis la séparation des langages.

Est-ce que Monsieur nous ferait l’honneur de poster un message complet plutôt que des miettes ?

Malaise par contre, supprime.

J’ai pas dit qu’il n’y en avait pas, j’ai dit que je n’en avait pas vu, vous avez 8ans sérieux…

Bref sur ce topic, Monadent2 à écris 4 messages sur lesquels il n'y a pas une esquisse de réponse à l'auteur. Il est juste là pour critiquer les autres.

Désolé l'OP. J'espère t'avoir aidé. Viens DM si tu veux plus d'aide

Le 22 novembre 2021 à 18:37:49 :
Bref sur ce topic, Monadent2 à écris 4 messages sur lesquels il n'y a pas une esquisse de réponse à l'auteur. Il est juste là pour critiquer les autres.

Désolé l'OP. J'espère t'avoir aidé. Viens DM si tu veux plus d'aide

Là où tu te trompes c'est que tu crois qu'on aide mieux les gens en leur donnant des réponses qu'en leur expliquant pourquoi les mauvaises réponses qui leur sont données sont mauvaises.

La vérité c'est que d'une part ce n'est absolument pas comme ça que le cerveau humain marche, on apprend bien mieux par les contre-exemples que par les exemples.

Et d'autre part dans le cadre de la programmation il est bien plus important d'apprendre à apprendre que d'apprendre à résoudre des problèmes extrêmement spécifiques comme c'est le cas ici.

Au delà de ça, la difficulté en programmation n'est quasiment jamais de faire quelque chose mais de le faire bien.

Le 23 novembre 2021 à 00:46:48 :

Le 22 novembre 2021 à 18:37:49 :
Bref sur ce topic, Monadent2 à écris 4 messages sur lesquels il n'y a pas une esquisse de réponse à l'auteur. Il est juste là pour critiquer les autres.

Désolé l'OP. J'espère t'avoir aidé. Viens DM si tu veux plus d'aide

Là où tu te trompes c'est que tu crois qu'on aide mieux les gens en leur donnant des réponses qu'en leur expliquant pourquoi les mauvaises réponses qui leur sont données sont mauvaises.

La vérité c'est que d'une part ce n'est absolument pas comme ça que le cerveau humain marche, on apprend bien mieux par les contre-exemples que par les exemples.

Et d'autre part dans le cadre de la programmation il est bien plus important d'apprendre à apprendre que d'apprendre à résoudre des problèmes extrêmement spécifiques comme c'est le cas ici.

Au delà de ça, la difficulté en programmation n'est quasiment jamais de faire quelque chose mais de le faire bien.

Sauf que ton message c'était juste un emoji, au lieu d'expliquer les choses dès le début Avortin.