JavaScript Output
JavaScript Display ဖြစ်နိုင်ခြေများ
JavaScript သည် အချက်အလက်များကို မတူညီသောနည်းလမ်းများဖြင့် "ပြသနိုင်သည်"
innerHTML
. _document.write()
HTML output ကို အသုံးပြု၍ ရေးသားခြင်း- အသုံးပြု၍ သတိပေးချက်ဘောက်စ်တွင် စာရေး
window.alert()
ပါ။ - အသုံးပြု၍ ဘရောက်ဆာကွန်ဆိုးလ်တွင် စာရေး
console.log()
ပါ။
innerHTML ကိုအသုံးပြုခြင်း။
HTML ဒြပ်စင်တစ်ခုကို ဝင်ရောက်ရန်၊ JavaScript သည် document.getElementById(id)
နည်းလမ်းကို အသုံးပြုနိုင်သည်။
id
attribute သည် HTML element ကိုသတ်မှတ်သည် ။ innerHTML
ပိုင်ဆိုင်မှုသည် HTML အကြောင်းအရာကို သတ်မှတ်သည် -
ဥပမာ
<!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>
</html>
HTML ဒြပ်စင်တစ်ခု၏ အတွင်း HTML ပိုင်ဆိုင်မှုကို ပြောင်းလဲခြင်းသည် HTML တွင် အချက်အလက်ပြသရန် ဘုံနည်းလမ်းတစ်ခုဖြစ်သည်။
document.write() ကိုအသုံးပြုခြင်း
စမ်းသပ်ရန်ရည်ရွယ်ချက်များအတွက်၊ အသုံးပြုရန်အဆင်ပြေသည် document.write()
:
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
HTML စာရွက်စာတမ်းတစ်ခုကို တင်ပြီးနောက် document.write() ကိုအသုံးပြုခြင်းဖြင့် လက်ရှိ HTML အားလုံးကို ဖျက်ပစ် မည်
ဥပမာ
<!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>
document.write() နည်းလမ်းကို စမ်းသပ်ရန်အတွက်သာ အသုံးပြုသင့်သည်။
window.alert() ကိုအသုံးပြုခြင်း
ဒေတာကိုပြသရန် သတိပေးချက်ဘောက်စ်ကို သင်အသုံးပြုနိုင်သည်-
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
သော့ချက်စာလုံး ကို ကျော်သွား window
နိုင်ပါတယ်။
JavaScript တွင်၊ window object သည် global scope object ဖြစ်ပြီး ဆိုလိုသည်မှာ default အနေဖြင့် variables၊ properties နှင့် method များသည် window object နှင့် သက်ဆိုင်ပါသည်။ window
၎င်းသည် သော့ချက်စကားလုံးကို သတ်မှတ်ခြင်းသည် ရွေးချယ်နိုင်သည် ဟုလည်း ဆိုလိုသည် -
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>
console.log() ကိုအသုံးပြုခြင်း
အမှားရှာပြင်ခြင်း ရည်ရွယ်ချက်အတွက် သင်သည် console.log()
ဒေတာပြသရန် ဘရောက်ဆာရှိ နည်းလမ်းကို ခေါ်ဆိုနိုင်သည်။
နောက်အခန်းတွင် အမှားရှာပြင်ခြင်းအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည်။
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
JavaScript ပရင့်
JavaScript တွင် မည်သည့် print object သို့မဟုတ် print method မှ မရှိပါ။
JavaScript မှ output devices များကို သင်ဝင်ရောက်၍မရပါ။
တစ်ခုတည်းသောခြွင်းချက်မှာ window.print()
လက်ရှိဝင်းဒိုး၏အကြောင်းအရာကို print ထုတ်ရန် ဘရောက်ဆာရှိနည်းလမ်းကို သင်ခေါ်ဆိုနိုင်သည်။
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>