Scribd
Importer
7 vues3 pages

Cours JavaScript pour Bac Pro Informatique

Le document présente un support de cours sur JavaScript pour le Bac Pro Informatique, abordant les bases du langage, sa syntaxe, l'intégration dans HTML, la déclaration de variables, les fonctions, la manipulation du DOM, et les événements. Il inclut également des exercices pratiques pour renforcer l'apprentissage. Les différences entre HTML, CSS et JavaScript sont également expliquées.

Transféré par

gredencko01
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
7 vues3 pages

Cours JavaScript pour Bac Pro Informatique

Le document présente un support de cours sur JavaScript pour le Bac Pro Informatique, abordant les bases du langage, sa syntaxe, l'intégration dans HTML, la déclaration de variables, les fonctions, la manipulation du DOM, et les événements. Il inclut également des exercices pratiques pour renforcer l'apprentissage. Les différences entre HTML, CSS et JavaScript sont également expliquées.

Transféré par

gredencko01
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

Support de Cours JavaScript – Bac Pro

Informatique
1. Introduction à JavaScript
JavaScript est un langage de programmation utilisé dans le développement web pour rendre
les pages interactives et dynamiques.

Différences entre HTML, CSS et JavaScript :

HTML → structure de la page

CSS → style et apparence

JavaScript → interactions et dynamique

2. Syntaxe et intégration dans HTML


JavaScript peut être intégré de deux façons :

- En interne, avec les balises <script> dans le fichier HTML

<script>

alert('Bienvenue');

</script>

- En externe, via un fichier séparé :

<script src='[Link]'></script>

3. Les Variables
Déclaration de variables avec var, let et const :

let nom = 'Jean';

const age = 30;

var ville = 'Paris';

Types de variables : string, number, boolean, array, object

Opérateurs courants : +, -, *, /, %, ==, !=, >, <, &&, ||


4. Fonctions de base
Fonctions principales : alert(), prompt(), [Link]()

alert('Bonjour !');

let nom = prompt('Votre nom ?');

[Link](nom);

Définir une fonction :

function direBonjour() {

alert('Bonjour tout le monde');

direBonjour();

5. Manipulation des objets HTML (DOM)


Sélection des éléments :

[Link]('id');

[Link]('.classe');

[Link]('classe');

Modification des éléments :

[Link] = 'Nouveau contenu';

[Link] = 'red';

[Link] = 'texte';

6. Les Événements
Événements courants : onclick, onchange, onmouseover, onkeyup

Attachement en HTML :

<button onclick="maFonction()">Cliquez ici</button>

Attachement en JavaScript :

[Link]('click', maFonction);
7. Exercices pratiques
Exercice 1 : Alerte au clic d’un bouton

<button onclick="alert('Bonjour CFIP !')">Clique ici</button>

Exercice 2 : Calcul de somme

let a = parseInt(prompt('Entrez un nombre :'));

let b = parseInt(prompt('Entrez un autre nombre :'));

alert('Le total est : ' + (a + b));

Exercice 3 : Afficher la valeur d’un champ

<input type='text' id='nom'>

<button
onclick="alert([Link]('nom').value)">Afficher</button>

Exercice 4 : Générer une liste déroulante de 1 à 25

<select id='liste'></select>

<script>

for (let i = 1; i <= 25; i++) {

let option = [Link]('option');

[Link] = i;

[Link]('liste').appendChild(option);

</script>

Vous aimerez peut-être aussi