Mini-TP n°4 : recréer une structure DOM

Cet exercice s'inscrit dans le cadre des Mini-TP présentés dans le tutoriel. Afin de s'entraîner à créer avec le DOM, voici quatre petits TP, dont ceci est le dernier. Pour chacun d'eux, une structure DOM sous forme de code HTML vous est donnée, et il vous est demandé de recréer cette structure en utilisant le DOM en Javascript.

Utilisez le <div id="output"> pour insérer votre structure DOM. Pour ce dernier Mini-TP, le code que vous devez recréer est donné ci-dessous.

<div id="divTP4">
    <form enctype="multipart/form-data" method="post" action="upload.php">
        <fieldset>
            <legend>Uploader une image</legend>

            <div style="text-align: center">
                <label for="inputUpload">Image à uploader :</label>
                <input type="file" name="inputUpload" id="inputUpload" />
                <br /><br />
                <input type="submit" value="Envoyer" />
            </div>
        </fieldset>
    </form>
</div>

Écrivez le code qui permet de faire ça. Dès que c'est fait, cliquez sur le bouton Exécuter le script pour exécuter le code.

  • Écrivez votre code
  • Console d'erreurs
  • Pas d'erreurs d'exécution ou de syntaxe
  • Rendu #output
  • Source HTML
              

Un commentaire ? Un bug ? Contactez-moi !

Vous souhaitez proposer une autre solution ?
Un autre exercice ou une précision ?
Vous avez rencontré une erreur ?
Un exercice ne fonctionne pas ?

OpenClassrooms

Commentez directement dans le sujet dédié aux exercices

Commenter sur OCR

Twitter

Twittez-moi ! Même si je n'y suis pas très actif, je lis quand même !

Commenter sur Twitter

Zeste de Savoir

Envoyez-moi un message privé sur Zeste de Savoir

Me MPer sur ZdS