Objets - Définitions

5 min 1 exercice Niveau 4

Exercice 1

Énoncé

Soit le code HTML suivant :

<html>
<head>
    <title>Exercices Microlead</title>
</head>
<body>

    <ul>
        <li>Couleur : <span class="color"></span></li>
        <li>Marque : <span class="model"></span></li>
        <li>Année : <span class="createdAt"></span></li>
        <li>Vitesse : <span class="speed"></span></li>
    </ul>

    <script type="text/javascript">
        const moto = {
            // Votre code
        }

        // A ne pas modifier 
        document.querySelector(".color").innerHTML = moto.color;
        document.querySelector(".model").innerHTML = moto.model;
        document.querySelector(".createdAt").innerHTML = moto.createdAt;
        document.querySelector(".speed").innerHTML =moto.speed);
    </script>
</body>
</html>

Ajouter 4 propriétés à l’objet moto : “color”, “createdAt”, “model”, “speed”.

Contraintes

Ne pas modifier le code HTML, utiliser uniquement du JavaScript.

Résultats attendus

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

L’objet moto possède 4 propriétés,
La valeur de color n’est plus “undefined”
La valeur de model n’est plus “undefined”
La valeur de createdAt n’est plus “undefined”
La valeur de speed n’est plus “undefined”

Besoin d'aide ?

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