Bonjour à tous,

Je suis dans le dernier droit de mon cours HTML, CSS, PHP et maintenant JavaScript

Je suis dans la période de mon 3e travail pratique...

La matière nous est présenté un peu bizarrement, donc j'ai de la misère avec certain concept...

Mise en situation :

On doit afficher la liste des livres qui ce trouve dans un fichier txt. (Cette section ça va) sous forme d'une liste avec un lien vers un afficher.php

En cliquant sur le lien, les différents champs de notre formulaire doivent se remplir automatiquement car l'information est retournée du fichier afficher.php

En essayant de mettre la fct prevent.default à différent endroit, je ne suis pas capable de rester sur ma page en cours et afficher l’information avec la fct console.log() genre pour tester ce que je suis entrains de faire....
Voir ligne 27 du
Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
// Cette fonction tout va bien mais je voulais vous la montrer pour éclaircir le contexte...
function listageDesOuvrages() {     
    // La section pour la liste des titres de chacuns des ouvrages sera.
    const liste = document.querySelector('#liste-ouvrages');
 
    // Pour faire afficher la liste des ouvrages
    fetch('liste.php')
        .then(function(contenu) {     
        // Retourne l'ensemble avec ses sous ensembles des ouvrages      
        return contenu.json(); 
    })            
        .then(function(listeOuvrages) {  
        // Ouvrage correspond à un sous ensemble de l'ensemble
        listeOuvrages.forEach(function (ouvrage){
            liste.innerHTML += "<li><a href='afficher.php?id="+ouvrage[0]+"'>" + ouvrage[1] + "</a></li>";
        });
    });
}
 
function affichageUnOuvrage(){
    const ensembleOuvrages = document.querySelectorAll('#liste-ouvrages li a'); 
    // faire des variables pour stocker l'informatino venant du json dans le formulaire
 
    for(var unOuvrage of ensembleOuvrages){
        unOuvrage.addEventListener('click', function(evt){
           evt.preventDefault(); //Cette fct permet de rester sur la page initiale
            fetch(unOuvrage.href)
                .then(function (contenu){                    
                // Retourne le sous ensemble de l'ouvrage sélectionner          
                return contenu.json();
            })
                .then(function (listeOuvrage){
                listeOuvrage.forEach(function (ouvrage){
                    console.log(ouvrage[0]);
                    // faire afficher le contenu de l'ouvrage sélectionner;
                });
            });
        });
    }
}

J'imagine qu'on a de bon tutoriel pour m'aider à bien saisir les concepts de base de JS

Merci et bon dimanche à tous !