A partir du fichier html suivant :

<html>

    <head>

        <script src='./messcripts.js'></script>

    </head>

    <body>

        <div>

            <img id='image' src='./images/ballonBleu.jpg' width='50' height='50' />

        </div>

        <br/>

        <button id='btn1'>Changer de ballon</button>

    </body>

</html>

Et produisant l'affichage ci-dessous :

image

 

On voudrait, à l'aide de vue js, obtenir, à partir d'un clic sur le bouton "Ajouter 1", le résultat suivant :

image

 

 

 

Le fichier html de départ est fourni en ressources dans \\prof\vue js\td2\ressources.