Vous devrez peut-être Afficher la sortie de ton Javascrip code dans certaines situations. Par exemple, lorsque vous souhaitez envoyer un message à votre console de navigateur pour vous aider à déboguer les erreurs ou à vérifier la valeur d'une variable à l'aide de votre code JavaScript, et ainsi de suite. Il existe différentes façons de générer et d'afficher la sortie en JavaScript, y compris l'écriture de sortie sur un élément HTML, affichant la sortie dans des boîtes d'alerte ou la fenêtre de la console du navigateur.

Cet article montrera comment afficher la sortie en javascript à l'aide de la console.log (), document.écriture (), document.getElementById () et fenêtre.fonction alert (). Alors, commençons ce guide!

Quelles sont les possibilités d'afficher la sortie en javascript

Vous pouvez afficher la sortie en JavaScript en utilisant l'une des manières suivantes:

• Pour Afficher la sortie dans le navigateur console, Vous pouvez utiliser le "console.enregistrer()" fonction.
• Pour écrire Html et afficher son sortir, Vous pouvez utiliser le "document.écrire()" fonction.
• Écrire dans un Élément html et afficher sa sortie, vous pouvez utiliser le «document.getElementByid ()”Fonction avec le«.innerhtml" propriété.
• Afficher sortir en un alerte, Vous pouvez utiliser le "fenêtre.alerte()" fonction.

Comment afficher la sortie en JavaScript à l'aide de la console.enregistrer()

En JavaScript, le «console.enregistrer()»La fonction est utilisée pour afficher toute sortie ou imprimer les valeurs de toute variable définie dans le programme. Le "enregistrer()»Méthode dans la console.log () prend le paramètre qui comprend les données que vous souhaitez sortir. La plupart des développeurs JavaScript utilisent la fonction spécifiée pour répertorier les erreurs et les objectifs de débogage.

Syntaxe de la console.enregistrer()

Voici la syntaxe de la console.log () en javascript:

console.journal ("paramètre")

Le "console.enregistrer()«La fonction accepte un«Paramètre,”Qui peut être n'importe quel message, objet ou tableau, puis il renvoie ou sortira la valeur du paramètre donné à la fenêtre de la console.

Exemple: affichage de la sortie en JavaScript à l'aide de la console.enregistrer()

Dans l'exemple ci-dessous, nous utiliserons la console.Fonction log () pour sortir le «C'est Linuxhint.com»Message sur notre page Web. À cette fin, nous créerons un «fichier de test.html”Fichier dans notre éditeur de code préféré tel que le code vs, puis rédigez le code suivant:

Après avoir ajouté le code, appuyez sur "Ctrl + s"Pour enregistrer le code ajouté dans le"fichier de test.html". Ensuite, cliquez sur votre fichier et ouvrez-le dans votre navigateur préféré en double-cliquant sur le fichier HTML.

Une page Web vierge ouvrira pour votre «fichier de test.html" déposer. Dans le menu avec le bouton droit, choisissez le «Inspecter«Option pour ouvrir directement les outils de développeur de votre navigateur:

Maintenant, passez au «Console»Onglet des options de développeur. Il affichera le message que nous avons ajouté en tant que paramètre au «console.enregistrer()" fonction:

Comment afficher la sortie en JavaScript à l'aide du document.écrire()

En JavaScript, le «document.écrire()«La fonction est utilisée pour insérer tout contenu ou code JavaScript dans un document. Le "document.écrire()»La fonction supprime tout le contenu existant du document HTML et le remplace par le nouveau contenu ajouté en tant que paramètre. Cette méthode est principalement utilisée à des fins de test.

Syntaxe de document.écrire()

Maintenant, consultez la syntaxe du document.Fonction écrite ():

document.écrire (exp1, exp2,…)

Le "document.écrire()»La fonction peut contenir plusieurs paramètres. Les arguments d'expression tels que «EXP1" et "EXP2"Sera affiché comme sortie dans leur séquence ajoutée.

Exemple: affichage de la sortie en JavaScript à l'aide du document.écrire()

Dans l'exemple suivant, dès que notre page Web est chargée, le «document.écrire()"La fonction effacera toutes les données de la page Web et la réécrivra avec le contenu que nous avons ajouté comme paramètre:

linuxhint

Comme nous l'avons ajouté "C'est Linuxhint.com"Comme paramètre dans notre"document.écrire()»Fonction, il affichera la sortie suivante:

Comment afficher la sortie en JavaScript à l'aide du document.getElementByid ()

Le "document.getElementByid ()«Dans JavaScript est utilisé pour le retour de l'objet élément, dont«Identifiant"Est assorti avec la chaîne fournie. Les ID d'élément sont utiles pour accéder rapidement à l'élément spécifié, et donc ils peuvent être utilisés avec le «.innerhtml ” propriété à écrire ou à afficher sa sortie.

Syntaxe de document.getElementByid ()

Jetons un coup d'œil à la syntaxe du document.Fonction GetElementById () dans JavaScript:

document.getElementByid (id)

Ici, l'attribut «identifiant»Définit l'élément HTML qui peut être utilisé pour insérer ou écrire la sortie dans l'élément spécifié:

Exemple: affichage de la sortie en JavaScript à l'aide du document.getElementByid ()

Dans l'exemple suivant, nous avons ajouté un élément avec le identifiant "test". Après cela, le «document.GetElementByid (test)«La méthode sélectionnera notre élément HTML ayant id ="test". Puis le ".innerhtml"La propriété est ajoutée pour rédiger la chaîne spécifiée:

Linuxhint

L'image fournie ci-dessous indique que nous avons réussi à ajouter le "C'est Linuxhint.com”String dans notre élément sélectionné:

Comment afficher la sortie en javascript à l'aide de la fenêtre.alerte()

Le fenêtre.alerte() La méthode affiche la sortie ou toute information à l'utilisateur. Il affiche le message ajouté dans une boîte d'alerte ayant le "D'ACCORD" bouton. Le boîtier d'alerte oblige l'utilisateur à lire le message affiché, et l'utilisateur ne peut pas accéder à la page Web tant que le boîtier d'alerte est fermé.

Syntaxe de la fenêtre.alerte()

Pour utiliser des alertes pour votre page Web, suivez la syntaxe donnée ci-dessous:

fenêtre.alerte ("paramètre")

Ici, dans le «Paramètre», Passez les informations que vous souhaitez afficher dans la boîte d'alerte ajoutée.

Exemple: Affichage de la sortie dans JavaScript à l'aide de la fenêtre.alerte()

Dans cet exemple, nous avons ajouté une boîte d'alerte qui apparaîtra sur la page Web montrant "C'est Linuxhint.com«Comme son contenu:

Linuxhint

Lorsque la fenêtre.Alert () pop up apparaîtra sur notre page Web, puis tout code écrit après la fenêtre.alert () n'est pas exécuté avant de fermer l'alerte en appuyant sur le «D'ACCORD" bouton:

Conclusion

Cet article a discuté de la façon de Afficher la sortie dans Javascrip en utilisant console.enregistrer(), document.écrire(), document.getElementByid (), et fenêtre.alerte() les fonctions. La procédure d'utilisation de la console.log (), document.écriture (), document.getElementById () et fenêtre.Les fonctions alert () pour afficher la sortie en javascript sont également démontrées dans cet article. En fonction de vos préférences, vous pouvez générer et afficher la sortie en javascrip.