Le langage JavaScript (JS) permet d’insérer du code interprété par le navigateur.

Le code commence par la balise <script> et se termine par la balise </script>.

​

​

À savoir : la déclaration d’une variable est précédée du mot clé var. Chaque instruction se termine par un point-virgule. Un bloc d’instructions est encadré par des accolades.

​

​

En JavaScript, comme avec beaucoup de langages, on peut faire des boucles.

​

Exemple de script qui affiche 100 fois BONJOUR LE MONDE (un par ligne) :

​

<script>

    var i;

    for(i = 0; i < 100; i ++) {

        document.write("<p>BONJOUR LE MONDE</p>");

    }

</script>

​

​

La concaténation se fait avec le symbole +.

​

<script>

    var i;

    for(i = 0; i < 10; i++)

        document.write(i + " "); /* Concaténation du compteur i avec un espace. Affiche 0 1 2 3 4 5 6 7 8 9 */

</script>

​

​

 

Comme en PHP, en JavaScript on peut importer et utiliser un fichier de fonctions JavaScript.

 

​

<script src="mes_fonctions.js"></script>

​

Vous l'aurez compris, il n'y a pas toujours du code entre les deux balises script.

​

​

Pour créer ses propres fonctions, on utilise le mot clé function, suivi du nom de la fonction avec des parenthèses (dans lesquelles on rentre les paramètres s'il y en a).

​

​

Le programme ci-dessous crée un formulaire dans lequel l'utilisateur rentre un mot. Puis crée une fonction qui va faire un recherche sur Google de ce mot.

​

<input type="text" id="texte1" >

<input type="button" value="Rechercher" onclick="rechercher();">

<script>

    function rechercher() {

        var texte1;

        var url;

        texte = document.getElementById("texte1").value;

        url = "https://www.google.fr/search?q=" + texte1;

        window.alert(url);

    }

</script>

​

getElementById permet de modifier un élément du document en l'identifiant par son id.

​

​

window.location permet de modifier l'url d'une page.

​

window.location = "?mot=" + document.getElementById("mot").value;

​

On ajoute, à l'url de la page courante, "?mot=" et la valeur de l'élément dont l'identifiant est "mot".