Javascript

Présentation

Javascript permet de créer de l'intéractivité, c'est à dire permettre à l'internaute de déclencher des actions à partir de sa souris, son clavier ou à partir de commandes tactiles. Il intervient surtout pour créer des effets graphiques et des animations pour le web.

Comment ça fonctionne

Le code Javascript se rajoute au code HTML. Il faut commencer par éditer vos éléments html puis écrire le script qui va agir sur ces éléments. Dans l'exemple ci dessus, le fait de cliquer sur le bouton HTML permet de changer ou rétablir sa couleur de fond..

bol = false;
function changeCouleur(obj){
  bol = !bol;
  color = bol?"pink":"";
  obj.style.backgroundColor = color;  
}

See the Pen javascript definition by salsacobo (@salsacobo) on CodePen.

Voici le code HTML :

<input type="button" value="Cliquez" onclick="changeCouleur(this)"/>

See the Pen javascript definition by salsacobo (@salsacobo) on CodePen.

Résultat visuel : cliquez sur le bouton pour changer ou rétablir sa couleur de fond..

See the Pen javascript definition by salsacobo (@salsacobo) on CodePen.

Comment intégrer le javascript

Les zones de script dans la page html sont reconnues grâce aux balises html :

<script type="text/javascript"> .. </script>

Javascript peut être externalisé dans un fichier texte distinct de la page html et nommé par convention avec l'extension .js :

<script type="text/javascript" src="monfichier.js"> </script>

Limite du Javascript

JavaScript ne peut pas accéder lui même aux information du serveur, ni lire et écrire dans la base de donné

JavaScript ne peut pas accéder aux fichiers stockés sur le poste du client

JavaScript ne peut pas modifier le contenu d'un site d'un autre domaine

JavaScript n'autorise pas l'installation automatique de programme exécutable

© Untitled. Design by HTML5UP.