Scribd
Importer
38 vues2 pages

CC3 Js 101

Le document présente un contrôle continu pour un cours de programmation en JavaScript, avec une durée de 3 heures et un barème sur 20. Il inclut des exercices pratiques tels que la validation de champs de formulaire et le remplissage d'une section à partir de données JSON. Des instructions spécifiques sont données pour la création d'un panier de commande dans une application web.

Transféré par

Bafadil Khitam
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
38 vues2 pages

CC3 Js 101

Le document présente un contrôle continu pour un cours de programmation en JavaScript, avec une durée de 3 heures et un barème sur 20. Il inclut des exercices pratiques tels que la validation de champs de formulaire et le remplissage d'une section à partir de données JSON. Des instructions spécifiques sont données pour la création d'un panier de commande dans une application web.

Transféré par

Bafadil Khitam
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/ 2

Office de la Formation Professionnelle

OFPPT et de la Promotion du Travail


Direction Régionale de l’Oriental
Complexe de formation Oujda 2
Contrôle Continue N° 3
Programmer en JavaScript
Date de passation le 16 / 06 /2022

EFP : ISTA Lazaret Durée : 3h


Filière : Développement digital Epreuve : Pratique
Niveau : Technicien Spécialisé DEV 101 Barème : /20

EXERCICE 1 : voici le code HTML de la page si dessus :


<!DOCTYPE html>
<html>
<head>
<style>
p,label{
size: 12px;
font-style: italic;
font: 200;
}
.clImage{

width: 90%;
}
fieldset {
width: 15cm;
background-color: #83a24ed3;
border: 3px solid #556B2F;
border-radius: 10px;
padding: 10px 20px;
text-align: left;
}
legend{
color:rgb(11, 92, 11);
}
table,th,tr,td{

1/2
Office de la Formation Professionnelle
OFPPT et de la Promotion du Travail
Direction Régionale de l’Oriental
Complexe de formation Oujda 2
Contrôle Continue N° 3
Programmer en JavaScript
Date de passation le 16 / 06 /2022

EFP : ISTA Lazaret Durée : 3h


Filière : Développement digital Epreuve : Pratique
Niveau : Technicien Spécialisé DEV 101 Barème : /20
border: 2px; <tr><th>NOM</th>
border-collapse: collapse; <th>Quantite</th><th>PRIX</th>
border: solid; <th>Image</th></tr> </thead> <tbody>
width: 4cm; </tbody> </table>
border-image:space;}
.btn-success{ </fieldset></form><script> </script></body></html>
width:150px; NB: sans changer le code HTML
border: 1px blue solid; 1. Ecrit un code de validation des champs Les Livres et Quantité
border-radius: 10px;  Un livre doit etre selectionner (3pt)
}
</style></head>  La Quantité est entre un entier entre 1 et 10 (3pt)
2. Ecrire une fonction remplireSection qui permet de remplir de
<body onload="remplireSection()"> dropdown de Livres à partir des donnée JSON ci-dessous (4pt)
<form id="FORM1" name="myForm" onsubmit="EnvoyerForm(event)" > var listeLivre={Livres:[
<fieldset ><legend>Shopeme</legend> {nom:"Apprendre
<label >Les Livres</label> JAVA",prix:20,taille:65,image:"img1.jpg"},
<select id="listeLivres" name="Listlivre" multiple> {nom:"PYTHON pour les
nuls",prix:10,taille:66,image:"img2.jpg"},
</select>
<label <br><br> Quantité</label> {nom:"POO
<input type="number" id="txtQuantite" AVANCE",prix:5,taille:67,image:"img3.jpg"},
name="Quantite"><br> {nom:"PHP ET
<br><input type="submit" class="btn-success" HTML",prix:100,taille:68,image:"img4.jpg"}]}
value="Ajouter au Panier"> 3. Ecrire une fonction ajouterPanier() qui permet d’ajouter le livre
</fieldset> sélectionné dans le tableau panier de commande.
<fieldset ><legend>YOUR SHOP</legend> 4. Ajouter le nom du livre . (2pt)
<p>Panier de commande</p>
<table class="table" > 5. Ajouter la quantité. (2pt)
<thead> 6. Ajouter le prix . (3pt) 7.ajouter l’image(3pt)
2/2

Vous aimerez peut-être aussi