Objets

4 min 1 exercice Niveau 5

Exercice 1

Énoncé

Soit le code HTML suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
</head>
<body>
    <script type="text/javascript">
        var moto = {
            couleur: "noir",
            puissance: "70cv",
            cylindree: "650cc",
            demarrer: function(){
                console.log("vrooouuuum");
            },
            description: function(){
                // votre code ici
            }
        }
        // 1. affichez la couleur de la moto

        // 2. affichez la puissance de la moto

        // 3. appelez la fonction "demarrer"

        // 4. appelez la fonction "description". cette fonction doit afficher la phrase suivante : 
        // "La moto est de couleur [noir], dispose d'une puissance de [70cv] pour une cylindrée de [650cc]"

        // 5. Changez la valeur de "couleur" et "puissance" et appelez à nouveau la fonction "description()"

    </script>
</body>
</html>

Implémentez les fonctionnalités demandées dans les commentaires du code proposé ci-dessus.

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 des résultats attendus en commentaires sont implémentés et fonctionnels.

La modification des propriétés de l’objet “moto” entraîne bien la modification des affichages qui auront été ajoutés !

Astuces

Servez-vous du mot-clé “this” !

Besoin d'aide ?

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