Je constate que le problème est indiqué comme "résolu" mais j'ai exactement le même problème que Maruti1995. Mon premier livre s'affiche mais le carousel ne tourne pas du tout : je ne vois pas mes deuxième et troisième ouvrage. Pourtant mon code, ci-dessous, est identique à ceux que j'ai pu voir plus haut. Sauriez-vous m'aider ? Merci d'avance !
export class Book {
constructor(title, author, description, pages, currentPage, read){
this.title = title;
this.author = author;
this.description = description;
this.pages = pages;
this.currentPage = currentPage;
this.read = false;
}
readBook(page) {
if (page < 1 || page > this.pages){
return 0;
} else if (page >= 1 && page < this.pages) {
this.currentPage = page;
return 1;
} else if (page === this.pages) {
this.currentPage = page;
this.read === true;
return 1;
}
}
}
var lePetitPrince = new Book("Le Petit Prince", "Antoine de Saint-Exupéry", "A little boy travels through space asking questions", 108, 0, false);
var laVeriteSurLAffaireHQ = new Book("La Vérité sur l'Affaire Harry Québert", "Joël Dicker", "A young writer comes back to his mentor accused of murder", 850, 50, false);
var leCrimeDeLOrientExpress = new Book("Le Crime de l'Orient Express", "Agatha Christie", "Hercule Poirot must solve a crime in the famous train", 310, 310, false);
export const books = [lePetitPrince, laVeriteSurLAffaireHQ, leCrimeDeLOrientExpress];
Maruti1995 a écrit:
Bonjour à tous,
J'espère que la fin de votre confinement se passe pour le mieux, de mon côté j'en profite pour apprendre le Javascript !
J'ai un problème avec cet exo, je vous explique:
Sur le site Restful Reading, je n'ai que le premier livre qui s'affiche, à savoir: Rayuela de Julio Cortazar (voir image ci après):
Le problème est que je n'arrive pas à naviguer entre les livres en utilisant les flèches. Je ne vois donc pas le livre O jerusalem et O alquimista.
Voici mon code:
export class Book {
constructor(title, author, description, pages, currentPage) {
this.title = title;
this.author = author;
this.description = description;
this.pages = pages;
this.currentPage = currentPage;
this.read = false;
}
readBook(page) {
console.log("Vous êtes à la page : " + currentPage);
if (page < 1 || page > this.pages) {
return 0;
} else if (page >= 1 && page < this.pages) {
this.currentPage = page;
return 1;
} else {
this.currentPage = page;
this.read = true;
return 1;
}
}
}
let book1 = new Book("Rayuela", "Julio Cortazar", "Récits d'Oliveira", 600, 300);
let book2 = new Book("O Jérusalem", "Edouard Lapierre", "Création de l'état d'Israel", 650, 200);
let book3 = new Book("O alquimista", "Paulo Coelho", "Voyage d'un jeune homme", 200, 200);
export const books = [book1, book2, book3];
Autre problème, dès que je rajoute du code pour tester ma fonction readBook, plus rien ne s'affiche sur mon site :
book1.readBook(200);
book2.readBook(650);
Je vous serais infiniment reconnaissant si vous pouviez m'apporter une piste !
Je n'arrive pas à avoir un quelconque changement sur la page Restful Reading.
Rien n'apparaît.
J'ai même essayé de recopier mon code à l'identique avec certaines personnes l'ayant partagé mais rien n'y fait.
J'utilise Visual Studio Code mais je ne dois pas m'y prendre de la bonne manière.
Je vous serais grandement reconnaissant si vous m'apportez une réponse à mon problème car je suis réellement dans une impasse.
Merci d'avance !
Update : c'est bon mon problème est résolu, j'avais pas ouvert le fichier Book.js dans mon logiciel, j'avais juste ouvert un nouveau fichier et écrit mon code, du coup forcément.
J'attends toujours une réponse à ma question mais pour toi, à tout hasard, as-tu bien réalisé les manips demandées, à savoir npm install et npm start, dans le terminal de ton IDE ?
OlivierGarcia7 a écrit:
Bonjour à tous,
Je n'arrive pas à avoir un quelconque changement sur la page Restful Reading.
Rien n'apparaît.
J'ai même essayé de recopier mon code à l'identique avec certaines personnes l'ayant partagé mais rien n'y fait.
J'utilise Visual Studio Code mais je ne dois pas m'y prendre de la bonne manière.
Je vous serais grandement reconnaissant si vous m'apportez une réponse à mon problème car je suis réellement dans une impasse.
Merci d'avance !
Update : c'est bon mon problème est résolu, j'avais pas ouvert le fichier Book.js dans mon logiciel, j'avais juste ouvert un nouveau fichier et écrit mon code, du coup forcément.
C'est comme ça que j'ai compris que le "carrousel" portait très mal son nom puisque, effectivement, il n'a pas l'air de tourner (pour beaucoup d'entre nous en tout cas). En fait, dès que vous voyez votre premier livre s'afficher, taper un nombre de pages inférieur au nombre total, genre 20, faites "mettre à jour" (vous voyez la jauge avancer jusqu'à 20) puis taper le nombre exact de pages du livre, faites de nouveau "mettre à jour" et là, le livre se glisse dans la section "Lus" en bas de page et le deuxième livre apparaît. Faites ces deux mêmes manip pour le deuxième et le troisième livre. Et tada : le mot magique s'affiche. (Si vous avez le bon navigateur et que vous désactiver adblock, etc.)
Bonjour je ne comprends pas comment lire le résultat? Merci de m'aider car j'ai fais ma page book.js mais je n'arrive pas à voir quel mot apparait dans l'alerte navigateur.
Je viens de faire l'exercice et voici quelques informations à son fonctionnement.
(?) Je ne comprends pas pourquoi mon carrousel en a que le nom... (Il ne tourne pas)
- L'auteur de l'exercice a modifié le code HTML de la page dans le cas où des malins essayeraient de faire une recherche (CTRL+F) dans le code pour essayer de trouver le mot. Ce défaut n'empêche pas la réalisation du TP.
(?) Comment le corriger ?
Se rendre sur la page index.html, rechercher toues les réponses possibles (cats, dogs etc.) et les supprimer.
/!\ Une fois cela fait, le mot de passe donné à la fin ne sera pas correct et sera "Undefined"... Faite le seulement pour voir le résultat avec un carrousel qui fonctionne puis faite CTRL+Z pour remettre les mots clefs et reprendre le TP.
(?) J'ai un code fonctionnel mais pourtant rien ne se passe ?
As-tu bien lu l'énoncé ?
Pour chacun de tes livres (3 au minimum), tu vas devoir :
1) Renseigner un numéro de page SUPÉRIEUR à 0 et INFÉRIEUR au MAX puis cliquer sur "Mettre à jour".
2) Mettre le numéro exact du nombre maximum de page et "Mettre à jour".
(?) Voici mon code source .js pour ceux qui le veulent...
export class Book {
constructor(title, author, description, pages, currentPage, read = false)
{
this.title = title;
this.author = author;
this.description = description;
this.pages = pages;
this.currentPage = currentPage;
this.read = read;
}
readBook(page)
{
if (page < 1 || page > this.pages) {
return 0;
}
if (page >= 1 && page <= this.pages) {
this.currentPage = page;
if(page === this.pages) {
this.read = true
}
}
return 1;
}
}
export const books = [];
const livre1 = new Book(
"L'honneur du Samouraï",
"David Kirk",
"Honneur, Loyauté, Vengeance. Japon 1600. Musashi Miyamoto était le plus grand guerrier de tous les temps. Avant que lui et ses hommes ne soient vaincus lors de la bataille de Sekigahara qui a vu les Armées de l’Est renverser l’ancien pouvoir.",
528,
0
);
books.push(livre1);
const livre2 = new Book(
"L'honneur du Guerrier",
"David John",
"Honneur, Loyauté, Vengeance. Allemagne 1485. Jean-Bosh était le plus grand guerrier de tous les temps. Avant que lui et ses hommes ne soient vaincus lors de la bataille de Berlin qui a vu les Armées de l’Est renverser l’ancien pouvoir.",
360,
20
);
books.push(livre2);
const livre3 = new Book(
"L'honneur du Chevalier",
"David John",
"Honneur, Loyauté, Vengeance. France 885. Jean-Noble était le plus grand Chevalier de tous les temps. Avant que lui et ses hommes ne soient vaincus lors de la bataille d'Orléan qui a vu les Armées du Nord renverser l’ancien pouvoir.",
852,
0
);
books.push(livre3);
This is my Book.js code, it seems to be working fine, yet I don't get the alert with keyword and it does not update to the list The book shows full progress bar, but it never goes to the "read list"
Si je copie/ colle son code rien ne s'affiche dans le carroussel.
Je modifie la valeur de currentPage dans les 3 objets pour faire 1 cas avec un nombre de page valable qui est inférieure au nombre total de pages.
Et 1 cas avec exactement le nombre de pages total du livre.
Rien n'y fait, je n'ai RIEN sur la page HTML , ni les données des livres, ni le message pop up.
Franchement OpenCLassRoom faite un truc avec ce cours c'est pas normal tous les sujets ouverts a propos de ce cours.Et aucune solution fiable et éclairée ...
EDIT :
En utilisant le déboguer je découvre que mon code est tout à fait fonctionnel mais que le blocage se fait car le fichier source Kook.js contient une ligne de code parasite à la fin !
//let range = Range.create(Position.create(0, 0), Position.create(document.lineout, 0));
J'ai laissé en pensant que c'était une ligne de l'auteur pour faire marcher le code avec le reste du site....
Au moins on utilise ce qui est appris dans le cours à savoir ouvrir la console développeur, mais honnêtement ça ressemble juste à une erreur à l'installation faite par le npm install .
- Edité par KARL_K 18 avril 2020 à 17:07:12
Bonjour à tous,
Je vois que j'arrive tardivement (2ème vague ...). Si quelqu'un(e) s'intéresse encore à ce sujet, pourrait-il (elle) me dire où aviez-vous déniché ce fameux fichier "Kook.js" ???
Je vous remercie d'avance.
P.S: Mon code était initialement bon, mais j'avais utilisé une fenêtre de navigation privée. Peut-être un indice pour ceux qui calent sur cet exercice.
Oups, le mot s'affiche même en navigation privée. Fausse alerte, désolé. Mystère. Mais où est ce fichier "Kooks.js" ???
Pour ceux qui ont un problème avec le quizz quand ça n'affiche pas le mot clef, comme pour moi alors que toute l'interface était bonne. Il vous suffit de simplement avec l'inspecteur trouver le mot clef dans la <div> appartenant à " Lu " et vous verrez le mot clef ^^& ( PS : Si vous voyer que rien ne s'affiche à vos débuts de codes sur la page Web , continuez à chercher et a essayer car si vous n'avez pas trouvez comment faire l'exercice et que vous voulez en finir au plus vite le quizz perdra de tout son intérêt donc la méthode par l'inspecteur est pour ceux qui ont réussis de préférence. )
le résultat du quizz c'est : 01100011 01101000 01101001 01101111 01110100 plus qu'a faire des division euclidienne pour trouver le résultat ( ou le traduire avec n'importe quel traducteur si vous êtes flémard :') ) voici ce que vous devez avoir si vous avez bien réalisé l'exercice :
- Edité par louisofficiel 18 décembre 2020 à 0:40:38
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
La meilleure solution est toujours la plus simple. Ma chaîne Youtube [Tutos pour débutants]
Digitalement,
Frantz ROUZÉ( )
{ Concepteur de projets Print et Web }
< ! -- frwebdesign.net -- >
< ! -- frantzrouze.com -- >