Créer la fonction pour ajouter une réponse
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte00:00:00 :Dans cette session, on va créer une autre fonction qui, elle, va nous permettre d'ajouter un messageet cette fonction, elle va utiliser la fonction qu'on a créée précédemment,cette fonction cloneAnswerBlock.
00:00:11 :Donc cette fonction, on va l'appeler addToLog, elle va être assez simple, vous allez voir.Donc là, je vais l'écrire avec vous.Elle va prendre en paramètre juste le message que l'on souhaite écrireet ce qu'elle va faire, c'est tout simplement déjà créer un clone de notre template.
00:00:24 :Donc pour ça, on va créer une nouvelle variable qu'on va appeler tout simplement answerBlocket qui va utiliser cloneAnswerBlock pour cloner notre template.Et dans cette variable, on va donc récupérer directement le diff qui va contenir le message.
00:00:35 :Donc ce qu'on peut faire très facilement par la suite, c'est changer le innerText de ce bloc.Donc on va faire answerBlock.innerText égale à message.Et pour finir, on va retourner ce answerBlock.
00:00:49 :Donc vous voyez vraiment très peu de choses ici.C'est vraiment, encore une fois, pour séparer les responsabilités, on a bien ici juste le cloneet ici une fonction qui fait juste ajouter le message.
00:00:58 :Et c'est cette fonction qu'on va utiliser pour ajouter les messages.On ne va pas directement utiliser cloneAnswerBlock, on va utiliser à la place addToLogen lui passant un message et ça va automatiquement à chaque fois cloner le blocet ajouter le message à l'intérieur.
00:01:11 :Donc on clone le bloc, on change le innerText pour le mettre égal au messageet ensuite on retourne tout simplement le bloc qui a été cloné.
00:01:18 :Donc on va tester tout ça.Je reviens ici, j'actualise, on va faire addToLog.Là encore, l'autocompletion comprend bien qu'on a une nouvelle fonction qui a été créée.
00:01:27 :Donc je peux mettre par exemple bonjour ici.On a bien le bonjour qui s'affiche.Ensuite on va mettre au revoir.On a bien le au revoir qui s'affiche.
00:01:35 :Je crois que j'ai oublié de changer ici, on a toujours le green.Donc je vais remettre le slate à la place du green.On actualise, on va retester.
00:01:42 :Donc bonjour, on a bien le premier message.Au revoir et je peux continuer comme ça avec d'autres messages.Donc on a bien tout qui fonctionne.
00:01:48 :On a notre fonction addToLog qui va à chaque fois cloner un bloc,l'ajouter à la suite dans notre div.Donc le div qu'on avait ici qui est le div GPT Output.
00:01:57 :Et si on va voir au niveau du HTML, on va avoir quelque chose d'assez simple.Donc dans le main ici, dans notre div GPT Output,on a bien les quatre blocs qui correspondent aux quatre messages.
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.
