---
title: JavaScript Output
description: "## JavaScript Display Possibilities ## JavaScript дэлгэцийн боломжууд JavaScript can “display” data in different ways: JavaScript нь өгөгдлийг янз бүрийн аргаар “харуулах” боломжтой: - Writing into an HTML element, using `innerHTML`. HTML элемент болгон бичих, `innerHTML` ашиглан. - Writing into the…"
url: "https://apprentice.mn/docs/javascript-output/"
updated: "2021-07-20"
category: Javascript
---

# JavaScript Output

## JavaScript Display Possibilities

## JavaScript дэлгэцийн боломжууд

JavaScript can “display” data in different ways:

JavaScript нь өгөгдлийг янз бүрийн аргаар “харуулах” боломжтой:

- Writing into an HTML element, using `innerHTML`.
  HTML элемент болгон бичих, `innerHTML` ашиглан.
- Writing into the HTML output using `document.write()`.
  `document.write()` ашиглан HTML гаралт руу бичих.
- Writing into an alert box, using `window.alert()`.
  `window.alert()` ашиглан анхааруулах хайрцаг руу бичих.
- Writing into the browser console, using `console.log()`.
  `console.log()` ашиглан хөтчийн консол руу бичих.

---

## Using innerHTML

## InnerHTML ашиглаж байна

To access an HTML element, JavaScript can use the `document.getElementById(id)` method.

HTML элементэд хандахын тулд JavaScript нь `document.getElementById(id)` аргыг ашиглаж болно.

The `id` attribute defines the HTML element. The `innerHTML` property defines the HTML content:

`id` шинж чанар нь HTML элементийг тодорхойлдог. `innerHTML` шинж чанар нь HTML агуулгыг тодорхойлдог.

### Example Жишээ

      `<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My First Paragraph</p>

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

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>`

Changing the innerHTML property of an HTML element is a common way to display data in HTML.

HTML элементийн innerHTML шинж чанарыг өөрчлөх нь HTML дэх өгөгдлийг харуулах түгээмэл арга юм.

---

## Using document.write()

## Document.write () ашиглах

For testing purposes, it is convenient to use `document.write()`:

Туршилтын зорилгоор `document.write()` ашиглах нь тохиромжтой:

### Example Жишээ

      `<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
document.write(5 + 6);
</script>

</body>
</html>`

Using document.write() after an HTML document is loaded, will **delete all existing HTML**:

HTML баримт бичиг ачаалсны дараа document.write () -ийг ашигласнаар **одоо байгаа бүх HTML устах болно:**

### Example Жишээ

      `<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<button type="button" onclick="document.write(5 + 6)">Try it</button>

</body>
</html>`

The document.write() method should only be used for testing.

Document.write () аргыг зөвхөн тест хийхэд ашиглах ёстой.

---

          

---

## Using window.alert()

## Window.alert () ашиглах

You can use an alert box to display data:

Та өгөгдлийг харуулахын тулд анхааруулах хайрцгийг ашиглаж болно.

### Example Жишээ

      `<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>`

You can skip the `window` keyword.

Та `window` түлхүүр үгийг алгасаж болно.

In JavaScript, the window object is the global scope object, that means that variables, properties, and methods by default belong to the window object. This also means that specifying the `window` keyword is optional:

JavaScript дээр window объект нь дэлхийн хамрах хүрээний объект бөгөөд хувьсагч, шинж чанар, арга нь window объектод харьяалагддаг гэсэн үг юм. Энэ нь `window` түлхүүр үгийг зааж өгөх нь заавал байх албагүй гэсэн үг юм.

### Example Жишээ

      `<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
alert(5 + 6);
</script>

</body>
</html>`

## Using console.log()

## Console.log () ашиглах

For debugging purposes, you can call the `console.log()` method in the browser to display data.

Алдаа хайх  зорилгоор та хөтөч дээрх `console.log()` аргыг дуудаж өгөгдлийг харуулах боломжтой.

You will learn more about debugging in a later chapter.

Та алдаа хайх  талаар дараачийн бүлгээс илүү ихийг мэдэх болно.

### Example Жишээ

      `<!DOCTYPE html>
<html>
<body>

<script>
console.log(5 + 6);
</script>

</body>
</html>`

## JavaScript Print

## JavaScript хэвлэх

JavaScript does not have any print object or print methods.

JavaScript нь ямар ч хэвлэх объект эсвэл хэвлэх арга байхгүй.

You cannot access output devices from JavaScript.

Та JavaScript-ээс гаралтын төхөөрөмжид хандах боломжгүй.

The only exception is that you can call the `window.print()` method in the browser to print the content of the current window.

Цорын ганц үл хамаарах зүйл бол та хөтөч дээрх `window.print()` аргыг дуудаж одоогийн цонхны агуулгыг хэвлэх боломжтой болно.

### Example Жишээ

      `<!DOCTYPE html>
<html>
<body>

<button onclick="window.print()">Print this page</button>

</body>
</html>`        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-output%2F&linkname=JavaScript%20Output](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-output%2F&linkname=JavaScript%20Output)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-output%2F&linkname=JavaScript%20Output](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-output%2F&linkname=JavaScript%20Output)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-output%2F&linkname=JavaScript%20Output](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjavascript-output%2F&linkname=JavaScript%20Output)[https://www.addtoany.com/share](https://www.addtoany.com/share)