En programmation informatique, Imprimer est une commande utilisée pour afficher un certain type de texte à l'écran. Il peut être utilisé pour afficher du texte (chaîne), une variable, des nombres ou des calculs mathématiques. L'une des premières choses que de nombreux programmeurs apprennent est comment utiliser une commande Imprimer pour créer un programme qui affiche "Hello World!". Contrairement aux autres langages de programmation, Javascript est rendu dans un navigateur Web. Javascript n'a pas une simple commande d'impression comme beaucoup d'autres langages. Cependant, il existe de nombreuses façons d'afficher du texte dans le document HTML, une fenêtre d'alerte, la console. Vous pouvez également utiliser Javascript pour imprimer à partir d'une imprimante.
Pas
Méthode 1 sur 4: Utilisation d'InnerHTML
Étape 1. Tapez<p id= dans le corps de votre document HTML
Il s'agit de la balise HTML d'ouverture pour le texte de paragraphe avec un identifiant spécifique.
Pour plus d'informations sur la façon d'écrire du code HTML, consultez Comment créer une page Web simple avec HTML
Étape 2. Tapez un nom pour l'élément de paragraphe entre guillemets suivi de >
Cela attribue à l'élément de texte de paragraphe un ID qui peut être rappelé en Javascript. Par exemple,"
".
Vous pouvez également utiliser d'autres éléments HTML de texte, comme un en-tête {{kbd|
Étape 3. Tapez
immédiatement après le"
étiqueter.
Cela ajoute une balise de fermeture pour l'élément HTML du paragraphe d'ouverture
Étape 4. Appuyez sur ↵ Entrée
Cela ajoute une nouvelle ligne à votre code HTML.
Étape 5. Tapez et appuyez sur ↵ Entrée
C'est la balise d'ouverture de votre Javascript. Tout le codage Javascript doit aller après cette balise.
Étape 6. Tapez document.getElementById
C'est le code javascript pour appeler un élément HTML par son ID.
Étape 7. Tapez l'ID de l'élément de paragraphe entre guillemets entre parenthèses
Si votre élément de paragraphe est"
", votre code javascript indiquerait "document.getElementById("math")".
Étape 8. Tapez. InnerHTML = après la parenthèse
Cette commande est utilisée pour afficher les sorties de texte à l'aide de l'élément HTML.
Étape 9. Tapez ce que vous voulez imprimer suivi d'un point-virgule (;
).
Vous pouvez afficher du texte, une variable, des nombres ou une équation mathématique.
Par exemple, tapez "document.getElementById("demo").innerHTML = 27 + 33;" pour imprimer la somme de 27 + 33
Étape 10. Appuyez sur ↵ Entrée et tapez
Cette balise ferme votre code Javascript. Tapez cette balise lorsque vous avez terminé, entrez toutes vos lignes de Javascript. Lorsque vous chargez le document HTML dans un navigateur Web, il s'imprime à l'intérieur du document HTML.
Méthode 2 sur 4: Utilisation d'une alerte de fenêtre
Étape 1. Tapez le corps de votre document HTML
C'est la balise d'ouverture de votre Javascript.
Étape 2. Appuyez sur ↵ Entrée et tapez alert
Il s'agit de la commande javascript pour ouvrir une fenêtre d'alerte contextuelle.
Étape 3. Tapez ce que vous souhaitez imprimer entre parenthèses
Vous pouvez saisir du texte, une variable, des nombres ou une équation mathématique. Par exemple, "alert("Hello Sweety!")" pour afficher "Hello Sweety!" dans une fenêtre contextuelle.
Étape 4. Ajoutez un point-virgule (;
) à la fin.
Cela ferme votre ligne de Javascript. La ligne entière doit ressembler à quelque chose comme "alert("Hello Sweety!");".
Étape 5. Appuyez sur ↵ Entrée et tapez
Cette balise ferme votre code Javascript. Tapez cette balise lorsque vous avez fini de saisir toutes vos lignes de Javascript. Lorsque vous chargez votre document HTML dans un navigateur Web, il affiche le texte que vous souhaitez imprimer dans une fenêtre contextuelle.
Vous pouvez également créer un bouton qui affiche le texte imprimé dans une fenêtre contextuelle. Pour ce faire, tapez "Texte du bouton"
Méthode 3 sur 4: Utilisation du journal de la console
Étape 1. Tapez le corps de votre document HTML
C'est la balise d'ouverture de votre Javascript.
Étape 2. Appuyez sur ↵ Entrée et tapez console.log
Il s'agit de la commande javascript pour un journal de console. Un journal de console est ce qui se rapproche le plus d'une commande d'impression dans le sens typique du codage. Il n'affiche pas de texte sur votre page Web, mais il affiche du texte dans la console lorsque vous exécutez votre HTML/Javascript dans un navigateur Web. Ceci est utile pour le débogage.
Étape 3. Tapez le texte que vous souhaitez connecter entre parenthèses
Il peut s'agir de texte (une chaîne), d'une variable, de nombres ou d'une équation mathématique. Par exemple, console.log (j'imprime en Javascript).
Étape 4. Ajoutez un point-virgule (;
) à la fin.
Cela ferme votre ligne de Javascript. La ligne entière devrait ressembler à "nowiki> console.log (j'imprime en Javascript)
Étape 5. Appuyez sur ↵ Entrée et tapez
Cette balise ferme votre code Javascript. Tapez cette balise lorsque vous avez fini de saisir toutes vos lignes de Javascript.
Étape 6. Enregistrez votre document HTML
Utilisez les étapes suivantes pour enregistrer votre document HTML.
- Cliquez sur Déposer en haut de votre éditeur de texte ou de votre programme d'édition HTML.
- Cliquez sur Enregistrer sous.
- Tapez un nom de fichier pour le document HTML.
- Assurez-vous qu'il est enregistré en tant que document ".html".
- Cliquez sur sauvegarder.
Étape 7. Ouvrez le document HTML dans un navigateur Web
Ouvrez n'importe quel navigateur Web de votre choix et saisissez l'emplacement du fichier du document HTML dans la barre d'adresse en haut. Cela ouvrira le document HTML dans votre navigateur Web.
Étape 8. Appuyez sur F12
Cela ouvre le mode développeur dans votre navigateur Web. Vous verrez une nouvelle fenêtre avec le code HTML, CSS et Javascript affiché.
Étape 9. Console de clic
C'est en haut de la fenêtre du mode développeur.
Étape 10. Actualisez votre navigateur
Étape 1. Tapez <button onclick= dans le corps de votre document HTML
Il s'agit de la balise HTML d'ouverture pour créer un bouton dans votre code HTML.
Étape 2. Tapez "window.print()"> après le signe égal (=)
La commande "window.print()" est la commande Javascript pour imprimer le contenu de la fenêtre de votre navigateur Web. Le crochet (>) termine la balise d'ouverture du bouton HTML.
Étape 3. Tapez le texte que vous souhaitez utiliser dans le bouton
Cela devrait aller juste après le crochet (>). Par exemple, vous pouvez taper « Cliquez ici pour imprimer » ou quelque chose de similaire.
Étape 4. Tapez
Cela ferme l'élément de bouton HTML. Lorsque vous affichez votre code HTML dans un navigateur Web, il crée un bouton sur lequel vous pouvez cliquer pour imprimer le contenu de votre navigateur Web.