jeudi 26 mars 2015

Comprendre ce que fait le Javascript en 30 secondes et 3 commandes

Si vous avez déjà vu un terminal et une ligne de commande sous Linux, vous êtes à moins de 30 secondes de votre premier programme Javascript.

Top Chrono:

* ouvrez une autre fenêtre avec votre navigateur, allez sur une page au hasard
(par exemple: la mienne !), tout en gardant ce texte sous les yeux

* sur cette nouvelle fenêtre appuyez sur F12 sur votre navigateur, pour activer les outils de développement
 Vous devriez voire apparaître une fenêtre semblable à ceci en bas:


* dans les outils de développements, cliquer sur l'onglet indiqué "Console".
Cet onglet contient tout en bas une ligne deux chevrons qu'on appelle un prompt, et dans lequel on peut taper des commandes:


* cliquer dans la barre au niveau du prompt, et entrez le texte suivant:

console.log('bonjour la companie');

Voila il s'agit de votre première commande Javascript ! N'oubliez pas les guillemets, le point virgule est optionnel mais fait partie des bonnes habitudes.

* on peut tenter comme dans un shell unix/linux d'autres commandes:

new date(); 
2 + 2 ;

* on peut obtenir des informations sur la page web que l'on est en train de lire:

console.log(document.domain);
console.log(document.title);

* et encore mieux on peut le modifier !

document.title = 'ca me plait pas mal';
document.bodyInnerHTML = 'a small text'
document.bodyInnerHTML = '<h1> a bigger title </h1>'

Voila vous avez découvert ce qu'est le Javascript, un langage pour lire, créer et modifier le contenu d'une page web !



3 commentaires:

wilfried caruel a dit…

Peut t'on avec le prompt et le javascript savoir quand la page a été écrit , ou modifier ?

Emmanuel Kasper a dit…

A moin que l'auteur de la page ait décidé d'écrire ces informations dans une balise meta, il me semble que non.

wilfried caruel a dit…

Dommage , car c'est utile quand c'est pas notifier , j'avais un bookmarklet mais il ne marche plus je l'est viré