4.2: Création HTML + CSS + JS

Fichiers

N'hésitez pas à vous inspirer des fichiers écrits précédemment
Créez un fichier HTML complet appelé jeu.html
Créez un fichier séparé jeu.js
Créez un fichier séparé jeu.css
Assurez vous que ces deux fichiers sont bien pris en compte dans le HTML.

jeu.html

Dans le body, créez un div ayant pour id "cadre" et contenant juste l'image suivante: https://moodle.iutv.univ-paris13.fr/img/bjs/tux.png
L'image doit avoir pour id "tux"
Créez un paragraphe. A l'intérieur de celui-ci, créez un span ayant pour id "score", qui affichera la valeur du score.

jeu.css

Dans le CSS créez une bordure pour le cadre et donnez lui une taille de 500x500.
Donnez une marge de 10px au body.
Positionnez tux au centre, en vous inspirant du positionnement utilisé pour le splat vert au sujet-1

jeu.js

Pour l'instant, laissez le JS vide.

 


La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.