صفحة البيت | מס טלפון 04 – 6046227 | מס' פקס 04 – 8303539

لغة java Script

ورقة مساعِدة للطالب - مُلخَّص الأوامر

Html

سطر جديد		<br/>
عناوين		<h1> </h1> … <h6> </h6>
مقطع		<div></div>
جدول		<table> <tr> <td> </td> </tr> </table>
روابط		<a href="…"> </a>
صورة	<img src="pic/x.jpg" alt="x" height="10" />

مبنى الصفحة

<html>

<head>

</head>

<body>

</body>

</html>

JavaScript

أمر الطباعة (عرض المعلومات والقيم على الشاشة)

document.write();

تعريف متغيرات

var age = 12;

استقبال معلومات

prompt("بالنجاح");

تحويل إلى عدد صحيح

parseInt( );

parseInt(prompt("أدخل عدداً"));

تحويل إلى عدد عشريّ

parseFloat( );

parseFloat(prompt("أدخل عدداً"));

يُرجع العنصر حسب الــ Id الذي تم تحديده.

document.getElementById("drawing").value

مُشَغِّلات حسابيّة

+	–	*	/	%	++	– –
جمع	طرح	ضرب	قسمة	الباقي

+ (جَمْع أعداد أو رَبْط نصوص)

مُشَغِّلات منطقيّة

==	=!	>	<	>=	<=	&&	\|\|	!
مُساواة	اختلاف	أكبر	أصغر	أكبر أو يساوي	أصغر أو يساوي	وأيضًا	أو	ليس

If (شرط) {

// مجموعة أوامر

}

else if {

// مجموعة أوامر

}

else {

// مجموعة أوامر

}

If (شرط) {

// مجموعة أوامر

}

else {

// مجموعة أوامر

}

If (شرط) {

// مجموعة أوامر

}

while (شرط) {

// مجموعة أوامر

}

for (قيمة بداية ; القيمة العليا ; تغيير القيمة) {

// مجموعة أوامر

}

function newFunc (n1, n2) {

// مجموعة أوامر

}

الوسم <Canvas>

نتطرَّق إلى تعريف قماش (בד) الرسم وإلى الـــ script التالي:

<body>

<canvas id="myCanvas" width="300" height="150"> </canvas>

<script>

var canvasObj = document.getElementById('myCanvas') ;

var ctx = canvasObj.getContext('2d') ;

الكود الذي سيُكتب هنا سيُحَدِّد شكل وطريقة الرسم على القماش

</script>

</body<

خط (קו)

مكان بداية الخطّ	ctx.moveTo(X, Y);
مكان نهاية الخطّ	ctx.lineTo(X, Y);
الأمر بالرسم بشكل عمليّ	ctx.stroke()

قوس (نقطة مركز الدائرة)

ctx.arc (X, Y, اتّجاه، نهاية، بداية، نصف قطر)

صفات الرسم

لون الخلفيّة (مثلا 'blue')	ctx.fillStyle = …;
ملء الشكل	ctx.fill();
سُمْك الخطّ	ctx.lineWidth = …;
لون الإطار	ctx.strokeStyle = …;

مستطيل

النقطة العليا من جهة اليسار

ctx.fillRect (X, Y, عرض, طول);

مثلّث أو مسار (مُغلق أو مفتوح)

نقطة البداية	ctx.moveTo (X, Y);
	ctx.lineTo (X, Y1);
	ctx.lineTo (Y1, X);
نقطة النهاية	ctx.lineTo (X , Y);

أحرف

	ctx.font = ' أسلوب "نوع الخطّ" كِبر الخط';
	ctx.strokeText ("نص", X, Y);

صورة

var img = new Image();

مسار الصورة

img.src = "imgName.png";

تحميل الصورة

img.onload = function () {

g.drawImage (img, X, Y, عرض , طول);

};

أوامر إضافية:

ابدأ برسم شكل جديد	ctx.beginPath();
نهاية الرسم	ctx.endPath();
مستطيل (نقطة عليا من اليسار)	ctxt.rect (X, Y, عرض, طول);
طريقة أخرى لرسم خط.	drawline (x1, y1, x2, y2);

مدرسة قفطان حلبي الإعدادية – دالية الكرمل - Copywrite – 2019