نمایش خروجی در جاوا اسکریپت

در جاوا اسکریپت چهار روش برای نمایش خروجی برنامه وجود دارد که در این مقاله به این چهار مود می‌پردازیم:

۱-برای نمایش خروجی در یک عنصر html با استفاده از خصوصیت innerHTML:

<!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>

این روش متداولترین روش نمایش خروجی در جاوااسکریپت است.

۲-با استفاده از ()document.write از این روش معمولا برای تست استاده می شود.

<!DOCTYPE html>
<html>
<body>

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

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

</body>
</html>

متد write کل صفحه را پاک می کند و پارا متر ورودی خود را در می‌نمایش می‌دهد برای روشن شدن مطلب یک فایل html ایجاد نمایید و مثال زیر را اجرا نمایید.

 <!DOCTYPE html>
<html>
<body>

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

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

</body>
</html>

 ۳-با استفاده از ()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>

۴-با استفاده از ()console.log:

از ()console.log برای نمایش خروجی در کنسول browser استفاده می‌شود.برای نمایش کنسول کلید f12 را فشار دهید و از منوی ظاهر شده روی consol کلیک نمایید.از این روش برای دیباگ و اصلاح کدهای جاوا اسکریپت استفاده می‌شود.

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

منبع:سایت www.trueans.com

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *