آموزش جاوا اسکریپت 2


آموزش جاوا اسکریپت 2 :
نمایش متن در پنجره هشدار مرورگر:

مثال:

<!DOCTYPE html>
<html>
<body>

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

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

</body>
</html>

در مثال بالا وقتی صفحه وب شما اجرا می شود حاصل جمع(5+6) را در پنجره هشدار نمایش می دهد.

نکته: می توانید به جای(5+6) هر متنی که دوست دارید نمایش دهید.

حتما متن را بین” ” قرار دهید.
نمایش متن در صفحه با جاوا اسکریپت:

مثال:

<!DOCTYPE html>
<html>
<body>

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

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

</body>
</html>

در مثال بالا حاصل جمع (5+6) را در صفحه نمایش می دهد.

نکته: می توانید به جای(5+6) هر متنی که دوست دارید نمایش دهید.

حتما متن را بین” ” قرار دهید.

در جاوا اسکریپت برای ایجاد متغیر از کلمه var استفاده می شود.

مثال:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Statements</h1>

<p>Statements are separated by semicolons.</p>

<p>The variables x, y, and z are assigned the values 5, 6, and 11:</p>

<p id=”demo”></p>

<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById(“demo”).innerHTML = z;
</script>

</body>
</html>

در مثال بالا سه متغیر ایجاد شده که مقدار یکی 6 و دیگری 5 است و در متغیر سوم حاصل جمع آن ها حساب می شود و در صفحه نمایش داده می شود.

نکته: در جاوا اسکریپ یک نوع متغیر وجود دارد که مقدار موجود در آن ها نشان می دهد که چه نوعی است.(رشته ای یا عددی)

مثال:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Statements</h1>

<p>Statements are separated by semicolons.</p>

<p>The variables x, y, and z are assigned the values 5, 6, and 11:</p>

<p id=”demo”></p>

<script>
var x = “s”;
var y = “s”;
var z = x + y;
document.getElementById(“demo”).innerHTML = z;
</script>

</body>
</html>

در مثال بالا به متغیر ها مقدار رشته داده شده است.

 

در آخر دستورات جاوا اسکریپت استفاده از سمی کالن ; اجباری است.
در جاوا اسکریپت برای دادن اولویت برای حساب کردن می توانید از () استفاده کنید.

یعنی جواب مقادیر زیر متفاوت است:
(5 + 6 )* 10
مساوی 110

5 + 6 * 10
مساوی 65

جاوا اسکریپت به حروف بزرگ و کوچک حساس است.
مثلا:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript is Case Sensitive</h1>

<p>Try change lastName to lastname.</p>

<p id=”demo”></p>

<script>
var lastName = “Doe”;
var lastname = “Peterson”;
document.getElementById(“demo”).innerHTML = lastName;
</script>

</body>
</html>

خروجی مثال بالا Doe است چون ما گفته ایم محتوای lastName را نمایش دهد نه lastname

در جاوا اسکریپت برای نوشتن comment به دو روش می توان پیش می رویم:

روش اول برای نوشتن comment یک خطی است که از دو عدد/ استفاده می شود.

روش دوم برای نوشتن comment چند خطی است که از /* استفاده می شود.

مثال:

<!DOCTYPE html>
<html>
<body>

<h1 id=”myH”></h1>
<p id=”myP”></p>

<script>
/*
The code below will change
the heading with id = “myH”
and the paragraph with id = “myp”*/
//in my web page:

document.getElementById(“myH”).innerHTML = “My First Page”;
document.getElementById(“myP”).innerHTML = “My first paragraph.”;
</script>

<p><strong>Note:</strong> The comment block is not executed.</p>

</body>
</html>

 

دیدگاه های این مطلب

  1. بهمن 29, 1395

    Many thanks for sharing.

  2. آبان 25, 1396

    برای شروع برنامه نویسی سایت کدام زبان
    رو پیشنهاد می کنید

نظر خودتان را ارسال کنید