Scribd
Importer
6 vues2 pages

TP1 Javascript

Le document présente un TP sur la réalisation de scripts simples en JavaScript, comprenant des exercices sur les entrées/sorties, la manipulation du DOM, les structures conditionnelles et itératives. Les exercices incluent l'affichage de messages, la modification de contenu HTML, le calcul de l'IMC et la création d'un jeu interactif. Chaque exercice vise à renforcer les compétences en programmation JavaScript à travers des tâches pratiques.

Transféré par

Houssem Dridi
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
6 vues2 pages

TP1 Javascript

Le document présente un TP sur la réalisation de scripts simples en JavaScript, comprenant des exercices sur les entrées/sorties, la manipulation du DOM, les structures conditionnelles et itératives. Les exercices incluent l'affichage de messages, la modification de contenu HTML, le calcul de l'IMC et la création d'un jeu interactif. Chaque exercice vise à renforcer les compétences en programmation JavaScript à travers des tâches pratiques.

Transféré par

Houssem Dridi
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Html/JavaScript 3SI

TP1 : Réaliser des scripts simples avec JavaScript

Exercice 1 : Les entrées/sortie en JavaScript


1. Ecrire une page HTML contenant un script permettant d’afficher «Bonjour tout le monde »

2. Améliorer le script pour qu’il permette de demander le Prénom de l’utilisateur (méthode


prompt()) et afficher « Bonjour ‘votre prénom’».

3. Afficher sur le page le message « Bienvenue dans le monde de JavaScript :

Exercice 2 : Changer le contenue d’un élément HTML ou sa mise en forme CSS avec JavaScript

1. Créer la page contenant le code HTML donné ci-dessous :


<!DOCTYPE html>
<html>
<body>

<h1 id="titre"> </h1>

<p>JavaScript est le langage de programmation le plus populaire au monde.</p>


<p>JavaScript est le langage de programmation du Web. </p>
<p>JavaScript est facile à apprendre.</p>
</body>
</html>

2. Ajouter le code JavaScript permettant d’ajouter le titre JavaScript dans et après de


changer sa mise en forme Majuscule.

Dkhil Ines 1
Html/JavaScript 3SI
Exercice 3 : Les structures conditionnelles en JavaScript

Ecrire une page HTML contenant un script permettant :


Demande la taille (en mètres) et masse (en kg) d’un individu et lui renvoie sa masse IMC et
affiche sa nature (normal, maigre, surpoids). Sachant que :
IMC= masse / taille².
IMC Nature
<18 maigre
Entre 18 et 25 normal
>=25 surpoids

Exercice 4 : Les structures itératives en JavaScript


Créer une page web nommée [Link] comporte une simulation un jeu avec l’ordinateur :

 L’utilisateur saisi une valeur x


 L’ordinateur entre une valeur y aléatoire entre 15 et 50
 x+y est paire alors l’utilisateur prend le point sinon il est pris par l’ordinateur
 Le jeu s’arrête quand le nombre de points de l’utilisateur ou de l’ordinateur est égal à 10
 Afficher le gagnant l’utilisateur ou l’ordinateur.

Dkhil Ines 2

Vous aimerez peut-être aussi