Scribd
Importer
68 vues8 pages

TD2 Javascript

Le document contient 7 exercices en JavaScript et HTML pour calculer la somme de deux nombres, le factoriel d'un nombre, le périmètre et la surface d'un cercle, afficher les nombres pairs jusqu'à un nombre N, trier un tableau, convertir des bits en octets, kilooctets, mégaoctets et gigaoctets, et calculer les salaires mensuels brut et net.

Transféré par

methndao64
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 PDF, TXT ou lisez en ligne sur Scribd
68 vues8 pages

TD2 Javascript

Le document contient 7 exercices en JavaScript et HTML pour calculer la somme de deux nombres, le factoriel d'un nombre, le périmètre et la surface d'un cercle, afficher les nombres pairs jusqu'à un nombre N, trier un tableau, convertir des bits en octets, kilooctets, mégaoctets et gigaoctets, et calculer les salaires mensuels brut et net.

Transféré par

methndao64
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 PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 8

TD 2 JAVASCRIPT

*Exercice 1: Somme de deux nombres*

html

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">

< tle>Exercice 1</ tle>

</head>

<body>

<h2>Exercice 1 : Somme de deux nombres</h2>

<input type="number" id="nombre1" placeholder="Entrez le premier nombre">

<input type="number" id="nombre2" placeholder="Entrez le deuxième nombre">

<bu on onclick="calculerSomme()">Calculer la somme</bu on>

<p id="resultat"></p>

<script>

func on calculerSomme() {

var nombre1 = parseFloat(document.getElementById('nombre1').value);

var nombre2 = parseFloat(document.getElementById('nombre2').value);

var somme = nombre1 + nombre2;

document.getElementById('resultat').textContent = 'La somme est : ' + somme;

</script>

</body>

</html>

*Exercice 2: Calcul du factoriel*


html

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">

< tle>Exercice 2</ tle>

</head>

<body>

<h2>Exercice 2 : Calcul du factoriel</h2>

<input type="number" id="nombre" placeholder="Entrez un nombre">

<bu on onclick="calculerFactoriel()">Calculer le factoriel</bu on>

<p id="resultat"></p>

<script>

func on calculerFactoriel() {

var nombre = parseInt(document.getElementById('nombre').value);

var factoriel = 1;

for (var i = 1; i <= nombre; i++) {

factoriel *= i;

document.getElementById('resultat').textContent = 'Le factoriel est : ' + factoriel;

</script>

</body>

</html>

Bien sûr, voici la suite des exercices en JavaScript et HTML :

*Exercice 3: Calcul du périmètre et de la surface d'un cercle*


html

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">

< tle>Exercice 3</ tle>

</head>

<body>

<h2>Exercice 3 : Calcul du périmètre et de la surface d'un cercle</h2>

<input type="number" id="rayon" placeholder="Entrez le rayon du cercle">

<bu on onclick="calculer()">Calculer</bu on>

<p id="resultat"></p>

<script>

func on calculer() {

var rayon = parseFloat(document.getElementById('rayon').value);

var perimetre = 2 * Math.PI * rayon;

var surface = Math.PI * rayon * rayon;

document.getElementById('resultat').textContent = 'Le périmètre du cercle est : ' +


perimetre.toFixed(2) + ', et la surface est : ' + surface.toFixed(2);

</script>

</body>

</html>

*Exercice 4: Affichage des nombres pairs jusqu'à N*

html

<!DOCTYPE html>
<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">

< tle>Exercice 4</ tle>

</head>

<body>

<h2>Exercice 4 : Affichage des nombres pairs jusqu'à N</h2>

<input type="number" id="n" placeholder="Entrez un nombre">

<bu on onclick="afficherPairs()">Afficher</bu on>

<p id="resultat"></p>

<script>

func on afficherPairs() {

var n = parseInt(document.getElementById('n').value);

var result = '';

for (var i = 0; i <= n; i += 2) {

result += i + ' ';

document.getElementById('resultat').textContent = 'Nombres pairs : ' + result;

</script>

</body>

</html>

Bien sûr, voici la suite des exercices en JavaScript et HTML :

*Exercice 5: Tri d'un tableau d'en ers*

html

<!DOCTYPE html>

<html lang="fr">
<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">

< tle>Exercice 5</ tle>

</head>

<body>

<h2>Exercice 5 : Tri d'un tableau d'en ers</h2>

<p>Entrez les en ers séparés par des virgules (ex: 5, 2, 9, 1, 7)</p>

<input type="text" id="tableau" placeholder="Entrez le tableau">

<bu on onclick="triTableau()">Trier</bu on>

<p id="resultat"></p>

<script>

func on triTableau() {

var tableau = document.getElementById('tableau').value.split(',').map(Number);

tableau.sort((a, b) => a - b);

document.getElementById('resultat').textContent = 'Tableau trié : ' + tableau.join(', ');

</script>

</body>

</html>

*Exercice 6: Conversion de bits en Octets, Kilo octets, Mega octets et Giga octets*

html

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">


< tle>Exercice 6</ tle>

</head>

<body>

<h2>Exercice 6 : Conversion de bits</h2>

<input type="number" id="bits" placeholder="Entrez le nombre de bits">

<bu on onclick="conversion()">Conver r</bu on>

<p id="resultat"></p>

<script>

func on conversion() {

var bits = parseInt(document.getElementById('bits').value);

var octets = bits / 8;

var kiloOctets = octets / 1024;

var megaOctets = kiloOctets / 1024;

var gigaOctets = megaOctets / 1024;

document.getElementById('resultat').textContent = bits + ' bits équivaut à ' + octets + ' octets, '
+ kiloOctets + ' Ko, ' + megaOctets + ' Mo, ' + gigaOctets + ' Go';

</script>

</body>

</html>

*Exercice 7: Calcul des salaires mensuels brut et net d'un employé*

html

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">


< tle>Exercice 7</ tle>

</head>

<body>

<h2>Exercice 7 : Calcul des salaires mensuels</h2>

<label for="heures">Nombre d'heures travaillées :</label>

<input type="number" id="heures" placeholder="Entrez le nombre d'heures"><br>

<label for="salaire">Salaire horaire brut :</label>

<input type="number" id="salaire" placeholder="Entrez le salaire horaire brut"><br>

<bu on onclick="calculerSalaire()">Calculer</bu on><br>

<p id="resultat"></p>

<script>

func on calculerSalaire() {

var heures = parseFloat(document.getElementById('heures').value);

var salaireHoraireBrut = parseFloat(document.getElementById('salaire').value);

var salaireBrut = heures * salaireHoraireBrut;

var tauxImposi on = 0.25; // 25%

var charges = salaireBrut * tauxImposi on;

var salaireNet = salaireBrut - charges;

document.getElementById('resultat').textContent = 'Salaire brut mensuel : ' +


salaireBrut.toFixed(2) + '€, Salaire net mensuel : ' + salaireNet.toFixed(2) + '€';

</script>

</body>

</html>

Vous aimerez peut-être aussi