JS Гаралт /Output/
JavaScript нь өгөгдлийг хэд хэдэн ялгаатай аргаар дэлгэцэд "display" харуулах боломжтой.
inner.HTML-г ашиглан HTML элементэд өгөгдлийг харуулна.document.write()-г ашиглан HTML-д өгөгдлийг харуулна.windows.alert()-г ашиглан Сэрэмжлүүлэх цонхонд өгөгдлийг харуулна.console.log()-г ашиглан хөтчийн console-д өгөгдлийг харуулна.
innerHTML-г ашиглаж үзье
HTML элементэд нэвтэрхийн тулд JavaScript-н document.getElementById(id) аргыг ашиглана. Энэ арга нь HTML элементийг ID-р нь хайж олох болно.inner.HTML шинж чанар нь тухайн ID тай HTML элементэд байрлах контентийг зааж өгнө.
Жишээ нь
<!DOCTYPE html lang="en-US">
<html>
<body>
<h2>Миний анхны вэб хуудас</h2>
<p>Энэ бол догол мөр.</p>
<p id="test">
<script>
document.getElementById("test").innerHTML= 11 + 24;
</script>
</body>
</html>
HTML элементийн агуулж буй өгөгдлийг innerHTML шинж чанарыг ашиглан өөрчлөн харуулах нь нийтлэг хэрэглэгддэг арга юм.
document.write()-г ашиглаж үзье
Туршилтын зорилгоор document.write ()-г ашиглахад тохиромжтой.
Жишээ нь
<!DOCTYPE html lang="en-US">
<html>
<body>
<h2>Миний анхны веб хуудас</h2>
<p>Энэ бол догол мөр.</p>
<script>
document.write(10 + 15);
</script>
</body>
</html>
HTML хуудсанд document.write()-г ачаалж дуудвал HTML хуудсыг бүхэлд нь устгаж үр дүнг харуулах болно.
Жишээ нь
<!DOCTYPE html lang="en-US">
<html>
<body>
<h2>Миний анхны вэб хуудас</h2>
<p>Энэ бол догол мөр.</p>
<button type="button" onclick="document.write(15 + 10)">Туршаад үз</button>
</body>
</html>
HTML хуудсанд document.write() аргыг зөвхөн туршилт хийхэд ашиглаж байгаарай.
window.alert()-г ашиглаж үзье
Өгөгдлийг сэрэмжлүүэлх хайрцагт харуулж болно.
Жишээ нь
<!DOCTYPE html lang="en-US">
<html>
<body>
<h2>Миний анхны вэб хуудас</h2>
<p>Энэ бол догол мөр.</p>
<script>
window.alert(15 + 16);
</script>
</body>
</html>
console.log()-г ашиглаж үзье
debug буюу алдаа засах зорилгоор console.log()-г ашигладаг.
Debug-н талаар илүү дэлгэрэнгүй дараагийн хичээл дээр үзэх болно.
Жишээ нь
<!DOCTYPE html lang="en-US">
<html>
<body>
<h2>F12 товчийг дарж console-г гаргаж ирнэ үү</h2>
<p>Ажилуулах товчин дээр заавал дар.</p>
<script>
console.log(15 + 16);
</script>
</body>
</html>
Сэтгэгдэлүүд
