Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Seance6 travaux pratique C Développer en Front-end S Manipuler les propriétés et gérer les états Travaux pratique Travaux pratiques Atelier réalisation du jeu de Dé Ce jeu consiste à réaliser une interface qui a ?che après chaque clique sur le bouton joue

C Développer en Front-end S Manipuler les propriétés et gérer les états Travaux pratique Travaux pratiques Atelier réalisation du jeu de Dé Ce jeu consiste à réaliser une interface qui a ?che après chaque clique sur le bouton jouer le numéro de la face de Dé qui est généré aléatoirement valeur comprise entre et puis a ?che aussi le nombre d ? essais Si la valeur générée est égal à une valeur cachée passée dans props le programme a ?che le message Bravo vous avez trouvez la face cachée ? CC Développer en Front-end S Manipuler les propriétés et gérer les états Travaux pratique Puis il s ? a ?che le bouton Initialiser qui permet réinitialise l ? interface compléter le composant JeuDe js JeuDe js import React from react export default class JeuDe extends React Component constructor props super props this state face null compteur ?n false jouer const valeur Math oor Math random completer le code initialiser this setState face null compteur ?n false render return Jeu de Dé face ? h nombre d'essais ? C C Développer en Front-end S Manipuler les propriétés et gérer les états Travaux pratique Bravo vous avez trouvez la face cachée index js import React from react import ReactDOM from react-dom client import JeuDe from components JeuDe const element document getElementById root const root ReactDOM createRoot element function App return root render La valeur de la face cachée est passée dans props dans cet exemple face cachée est Amélioration de programme Améliorer le programme en a ?chant les faces sous forme d ? images CC Développer en Front-end S Manipuler les propriétés et gérer les états Travaux pratique Le dossier images continent les images suivantes CC Développer en Front-end S Manipuler les propriétés et gérer les états Travaux pratique JeuDe js import React from react export default class JeuDe extends React Component constructor props super props this state face null compteur ?n false jouer const valeur Math oor Math random a completer getImage cette méthde retourne un string sous forme ? images face png ? initialiser this setState face null compteur ?n false render const styleImage width px height px return Jeu de Dé face ? ? nombre d'essais ? ? ? Bravo vous avez trouvez la face cachée Allez bon courage C