TD2 Javascript

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>
</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>
<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>
</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>
<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>
</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>
<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>
</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>
<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>

</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>
<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>

</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>
<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>

TD2 Javascript

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

TD2 Javascript

Transféré par

Droits d'auteur :

Formats disponibles

TD 2 JAVASCRIPT

*Exercice 1: Somme de deux nombres*

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

< tle>Exercice 1</ tle>

<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>

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;

*Exercice 2: Calcul du factoriel*

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

< tle>Exercice 2</ tle>

<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>

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

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

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

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*

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

< tle>Exercice 3</ tle>

<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>

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 : ' +

*Exercice 4: Aﬃchage des nombres pairs jusqu'à N*

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

< tle>Exercice 4</ tle>

<h2>Exercice 4 : Aﬃchage des nombres pairs jusqu'à N</h2>

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

<bu on onclick="aﬃcherPairs()">Aﬃcher</bu on>

var result = '';

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

result += i + ' ';

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

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

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

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

< tle>Exercice 5</ tle>

<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>

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

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

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

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

<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>

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

var octets = bits / 8;

var kiloOctets = octets / 1024;

var megaOctets = kiloOctets / 1024;

var gigaOctets = megaOctets / 1024;

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

Exercice 1: Somme de deux nombres

Exercice 2: Calcul du factoriel

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

Exercice 4: Aﬃchage des nombres pairs jusqu'à N

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

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