JavaScript est un langage de programmation côté client que de nombreux concepteurs de sites Web utilisent pour manipuler la mise en page, le texte et les images d’une page Web. JavaScript peut être utilisé pour changer la taille d’une police lorsque l’utilisateur clique sur un bouton ou lorsque la page est chargée. Ceci est utile lorsque vous voulez faire ressortir une partie du contenu de la page Web. Pour agrandir la police, le contenu est enveloppé dans une balise « div » et le code JavaScript rendra la police plus grande à l’intérieur de ce bloc de HTML.
Ouvrez votre page HTML dans un éditeur de texte. Vous pouvez utiliser un éditeur de texte simple et simple comme Notepad pour éditer JavaScript, ou vous pouvez utiliser des applications plus avancées comme Notepad+++, Visual Studio et Dreamweaver.
Enroulez une balise div autour du texte que vous voulez éditer. Ceci vous permet de changer la taille de police d’une zone spécifique de votre page Web sans déformer la mise en page avec un changement de taille de police globale. Le code ci-dessous crée une div appelée « myDiv » :
Créez la fonction JavaScript. Pour changer la taille d’une police dans votre balise div, vous devez définir la propriété « fontsize ». Le code ci-dessous change la taille de police de la div : fonction change Size() { document.getElementbyId(« myDiv »).font Size = « 12px » ; } }.
Ajouter un bouton à la page pour permettre à l’utilisateur de choisir de changer la taille de la police. Pour ajouter le bouton et appeler la nouvelle fonction JavaScript, utilisez le code ci-dessous :
Sauvegardez le fichier et ouvrez la page dans votre navigateur Web. Testez le nouveau code en cliquant sur le bouton. La taille de la police augmente dans la balise div.
Laisser un commentaire