Tutoriel HTML

ACCUEIL HTML Introduction HTML Éditeurs HTML HTML de base Éléments HTML Attributs HTML En-têtes HTML Paragraphes HTML Styles HTML Formatage HTML Citations HTML Commentaires HTML Couleurs HTML HTMLCSS Liens HTML Images HTML Icône de favori HTML Tableaux HTML Listes HTML Bloc HTML et Inline Cours HTML Identifiant HTML Iframes HTML HTMLJavaScript Chemins d'accès aux fichiers HTML Tête HTML Mise en page HTML HTML réactif Code informatique HTML Sémantique HTML Guide de style HTML Entités HTML Symboles HTML Émojis HTML Jeu de caractères HTML Encodage d'URL HTML HTML contre XHTML

Formulaires HTML

Formulaires HTML Attributs de formulaire HTML Éléments de formulaire HTML Types d'entrée HTML Attributs d'entrée HTML Attributs du formulaire de saisie HTML

Graphiques HTML

Canevas HTML HTML SVG

Médias HTML

Médias HTML Vidéo HTML Audio HTML Modules externes HTML YouTube HTML

API HTML

Géolocalisation HTML Glisser/déposer HTML Stockage Web HTML Travailleurs Web HTML HTML SSE

Exemples HTML

Exemples HTML Questionnaire HTML Exercices HTML Certificat HTML Résumé HTML Accessibilité HTML

Références HTML

Liste de balises HTML Attributs HTML Attributs globaux HTML Prise en charge du navigateur HTML Événements HTML Couleurs HTML Canevas HTML HTML Audio/Vidéo Doctypes HTML Jeux de caractères HTML Encodage d'URL HTML Codes de langue HTML Messagerie HTTP Méthodes HTTP Convertisseur PX en EM Raccourcis clavier

HTMLJavaScript _


JavaScript rend les pages HTML plus dynamiques et interactives.


Exemple

My First JavaScript


La balise HTML <script>

La balise HTML <script>est utilisée pour définir un script côté client (JavaScript).

L' <script>élément contient soit des instructions de script, soit il pointe vers un fichier de script externe via l' srcattribut.

Les utilisations courantes de JavaScript sont la manipulation d'images, la validation de formulaires et les modifications dynamiques de contenu.

Pour sélectionner un élément HTML, JavaScript utilise le plus souvent la document.getElementById()méthode.

Cet exemple JavaScript écrit "Hello JavaScript!" dans un élément HTML avec id="demo":

Exemple

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Astuce : vous pouvez en apprendre beaucoup plus sur JavaScript dans notre didacticiel JavaScript .


Un avant-goût de JavaScript

Voici quelques exemples de ce que JavaScript peut faire :

Exemple

JavaScript peut modifier le contenu :

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Exemple

JavaScript peut modifier les styles :

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Exemple

JavaScript peut modifier les attributs :

document.getElementById("image").src = "picture.gif";


La balise HTML <noscript>

La balise HTML <noscript>définit un contenu alternatif à afficher pour les utilisateurs qui ont désactivé les scripts dans leur navigateur ou dont le navigateur ne prend pas en charge les scripts :

Exemple

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

Exercices HTML

Testez-vous avec des exercices

Exercer:

Utilisez JavaScript pour modifier le contenu HTML de l' <p>élément en "Hello World!".

<body>

<p id="demo">Bonjour.</p>

<script>
document.("démo").innerHTML = "Bonjour le monde !";
</script>

</body>


Balises de script HTML

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .