Objets - Méthodes

3 min 1 exercice Niveau 4

Exercice 1

É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

Besoin d'aide ?

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