Objets - Méthodes

3 min 1 exercice Niveau 4

Énoncé

Soit le code HTML suivant :

<html>

<head>
    <title>Exercices Microlead</title>
</head>

<body>
    <header>
        <h1 id="titre_principal">Ceci est le titre d'origine</h1>
    </header>
    <section>
        <ul>
            <li>
                <span>type</span>
                <span id="type"></span>
            </li>
            <li>
                <span>modèle</span>
                <span id="modele"></span>
            </li>
            <li>
                <span>couleur</span>
                <span id="couleur"></span>
            </li>
        </ul>
    </section>
    <script type="text/javascript">
        const obj = {
            type: "SUV",
            model: "Q7",
            color: "blue",
            write: function() {
                // your code here
            }
        };
        obj.write();
    </script>
</body>

</html>

Vous devez implémenter la méthode "write" de l'objet pour qu'elle écrive les informations dudit objet dans le HTML.

Contraintes

  • Ne pas modifier le code HTML, utiliser uniquement du JavaScript.
  • Le JavaScript doit être inséré dans le même fichier HTML, grâce à la balise “script”.

Résultats attendus

L’ensemble de ces résultats sont visibles lors du chargement de la page HTML au sein de votre navigateur :

  • Le nom et le prénom sont affiché à la suite l’un de l’autre.

Astuces

  • Vous pouvez utiliser le mot-clé this pour pointer une valeur de la fonction
logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus