création d'u petit gestionnaire de contacts

Marsh Posté le 06-12-2018 à 16:32:40

/*
Activité 1
*/

// Liste des liens Web à afficher. Un lien est défini par :
// - son titre
// - son URL
// - son auteur (la personne qui l'a publié)
var listeLiens = [
{
titre: "So Foot",
url: "http://sofoot.com",
auteur: "yann.usaille"
},
{
titre: "Guide d'autodéfense numérique",
url: "http://guide.boum.org",
auteur: "paulochon"
},
{
titre: "L'encyclopédie en ligne Wikipedia",
url: "http://Wikipedia.org",
auteur: "annie.zette"
}
];

// TODO : compléter ce fichier pour ajouter les liens à la page web

<DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page de gestion de liens</title>
</head>
<body>
<script>
function liste = (liste);

liens.forEach(function (lien) {
// Création d'une div pour chaque élément
var divElt = document.createElement("div" );
divElt.setAttribute("class", "lien" );
divElt.style.height = "auto";
divElt.style.width = "97%";

// Ajout de la balise <a>
var lienElt = document.createElement("a" );
lienElt.href = lien.url;
lienElt.style.textDecoration = "none";

// Ajout de la balise <h2>
var titreElt = document.createElement("h2" );
titreElt.textContent = lien.titre;
titreElt.style.color = "#428bca";
titreElt.style.margin = "0";
titreElt.style.display = "inline";

// Ajout de la balise <p>
var urlElt = document.createElement("p" );
urlElt.textContent = lien.url;
urlElt.style.display = "inline";
urlElt.style.marginLeft = "20px";

// Ajout de la balise <span>
var auteurElt = document.createElement("span" );
auteurElt.textContent = "Ajouté par " + lien.auteur;
auteurElt.style.display = "block";

divElt.appendChild(lienElt);
lienElt.appendChild(titreElt);
divElt.appendChild(urlElt);
divElt.appendChild(auteurElt);

document.getElementById("contenu" ).appendChild(divElt);
})
}
</script>
</body>
</html>

Je suis censé faire un petit gestionnaire de contacts : http://exercices.openclassrooms.co [...] af9b322d55
Voila mon code mais il marche pas ?

---------------
Jroure

Reply

Marsh Posté le 06-12-2018 à 16:32:40

Reply

Marsh Posté le 06-12-2018 à 20:46:44

Pourrais tu donner plus d'explications relatives à ton erreur ? (comportement attendu vs comportement obtenu, messages d'erreur, etc..), parce que "ça marche pas", c'est pas très parlant.

Et pour poster du code web, utilise Jsfiddle et donne le lien ici la prochaine fois, c'est bien plus lisible.

Sinon, quelques pistes :

Code :

function liste = (liste);

c'est quoi ça ?

Code :

var listeLiens = [  
    {  
        titre: "So Foot",  
        url: "http://sofoot.com",  
        auteur: "yann.usaille"  
    },  
    {  
        titre: "Guide d'autodéfense numérique",  
        url: "http://guide.boum.org",  
        auteur: "paulochon"  
    },  
    {  
        titre: "L'encyclopédie en ligne Wikipedia",  
        url: "http://Wikipedia.org",  
        auteur: "annie.zette"  
    }  
];

Que fait ce tableau à l'extérieur d'une balise <script> ou d'un fichier source javascript ?

Code :

liens.forEach(function (lien) {

D'où sort cette variable "liens" ? Elle n'est déclarée ni initialisée nulle part ! (ne s'agit il pas plutot de ton fameux tableau listeLiens ?)

---------------
J'ai un string dans l'array (Paris Hilton)

Reply

création d'u petit gestionnaire de contacts

Sujets relatifs:

Leave a Replay