Sortie JavaScript

JavaScript ne fournit aucune fonction intégrée d'impression ou d'affichage.

Plan de visualisation JavaScript

JavaScript peut afficher des données de différentes manières :

  • en utilisant window.alert() écrire dans une boîte de dialogue d'alerte
  • en utilisant document.write() écrire dans la sortie HTML
  • en utilisant innerHTML écrire dans l'élément HTML
  • en utilisant console.log(); écrire dans la console du navigateur

en utilisant innerHTML

Pour accéder à un élément HTML, JavaScript peut utiliser document.getElementById(id) méthode.

id Les attributs définissent les éléments HTML. L'attribut innerHTML définit le contenu HTML :

Exemple

<!DOCTYPE html>
<html>
<body>
<h1>Mon premier site Web</h1>
<p>Mon premier paragraphe</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

Essayez-le vous-même

Astuce :Modifier l'attribut innerHTML d'un élément HTML est une méthode courante pour afficher des données en HTML.

Utilisez document.write()

À des fins de test, utilisez document.write() Très pratique :

Exemple

<!DOCTYPE html>
<html>
<body>
<h1>Mon premier site Web</h1>
<p>Mon premier paragraphe</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

Essayez-le vous-même

Attention :Après que le document HTML soit complètement chargé document.write() UtilisezSupprimez tout HTML existant :

Exemple

<!DOCTYPE html>
<html>
<body>
<h1>Mon premier site Web</h1>
<p>Mon premier paragraphe</p>
<button onclick="document.write(5 + 6)">Essayez</button>
</body>
</html>

Essayez-le vous-même

Astuce :document.write() Cette méthode est uniquement utilisée pour les tests.

Utilisez window.alert()

Vous pouvez utiliser la boîte de dialogue d'alerte pour afficher des données :

Exemple

<!DOCTYPE html>
<html>
<body>
<h1>Mon premier site Web</h1>
<p>Mon premier paragraphe</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

Essayez-le vous-même

Utilisez console.log()

Dans le navigateur, vous pouvez utiliser console.log(); Méthode pour afficher des données.

Activez la console du navigateur via F12 et choisissez "Console" dans le menu.

Exemple

<!DOCTYPE html>
<html>
<body>
<h1>Mon premier site Web</h1>
<p>Mon premier paragraphe</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Essayez-le vous-même