اتجه للرابط التالي ثم اكتب الكود المطلوب في صفحة style.css
رابط التسليم
https://forms.gle/1aq3UreL2EEMoZdX9
الأحد، ديسمبر 25، 2022
الخميس، أكتوبر 07، 2021
السبت، ديسمبر 14، 2019
أمثلة - جافاسكريبت JavaScript
المثال الأول:
صفحة html
<body>
<script src="code.js"></script>
</body>
صفحة JavaScript
x=3;
y=2;
y=++x;
document.write(y,"<br>",x);
//------------------------------
a=3;
b=2;
b=a++;
document.write("<br>",b,"<br>",a);
//------------------------------
document.write("<br>",x==y);
document.write("<br>",x!=y);
document.write("<br>",a>b);
document.write("<br>",10<20);
document.write("<br>",x==y&&5>=5);
document.write("<br>",x==y&&5>5);
document.write("<br>",x==y||5>5);
document.write("<br>",x!=y||5>5);
المثال الثاني:
صفحة html
<body>
<script src="code.js"></script>
</body>
صفحة JavaScript
alert("مرحبا بك");
alert("مرحبا بك"+"\n"+(5+6))
var x=prompt("أكتب اسمك الثلاثي","الاسم")
document.write("مرحبا بك يا: "+x)
var y=confirm("هل تريد الحذف؟")
document.write("<br>",y)
var a=prompt("أدخل الدرجة","60")
if(a>=60)
{document.write("<br>"+"تهانينا أنت ");
document.write("ناجح")}
else
document.write("<br>"+"راسب")
var c=prompt("أدخل اسم الدولة لتعرف عاصمتها")
switch(c){
case "فلسطين":
document.write("<h3>القدس</h3>")
break
case "السعودية":
document.write("<h3>الرياض</h3>")
break
case "العراق":
document.write("<h3>بغداد</h3>")
break
case "الكويت":
document.write("<h3>الكويت</h3>")
break
default:
document.write("<h3>حاول مرة أخرى</h3>")}
المثال الثالث:
صفحة html
<body>
<script src="code.js"></script>
</body>
صفحة JavaScript
for(i=1;i<=10;i++)
{
document.write("جدول الضرب للعدد:",i,"<br>");
for(x=1;x<=10;x++)
{
document.write(i,"*",x,"=",(i*x),"<br>");
}
document.write("*******************************","<br>");
}
المثال الرابع:
صفحة html
<body>
<div>
<input type="button" value="تنفيذ" onclick="z()">
</div>
<script src="code.js"></script>
</body>
صفحة JavaScript
//تعريف الدالة
function b(){
document.write("تقنيات انترنت","<br>");}
//استدعاء الدالة
b();
//تعريف الدالة
function sum1(){
document.write(5+2+6,"<br>");}
//استدعاء الدالة
sum1();
//تعريف الدالة
function sum2(x,y,z){
document.write(x+y+z,"<br>");}
//استدعاء الدالة
sum2(1,2,3);
//تعريف الدالة
function sum3(x,y,z){
return x+y+z;}
//استدعاء الدالة
var m=sum3(2,2,6);
document.write(m,"<br>");
//تعريف الدالة
function z(){
var x1=prompt("جدول الضرب للعدد:");
document.write("جدول الضرب للعدد:"+x1+"<br>");
for(i=1;i<=10;i++){
document.write(x1,"*",i,"=",x1*i,"<br>");}
}
المثال الخامس:
صفحة html
<body>
<div>
<input type="text" id="tx1" placeholder="العدد الأول">
<input type="text" id="tx2" placeholder="العدد الثاني">
<br>
<label id="r"></label>
</div>
<div>
<input type="button" value="جمع" id="b1" onclick="s()">
</div>
<script src="code.js"></script>
</body>
صفحة JavaScript
//تعريف الدالة
function s(){
document.getElementById("r").innerText=
Number(document.getElementById("tx1").value)+
Number(document.getElementById("tx2").value);
document.getElementById("b1").value="تمت عملية الجمع";
}
المثال السادس:
صفحة html
<body>
<div>
<p>الفقرة الأولى</p>
<p>الفقرة الثانية</p>
<p>الفقرة الثالثة</p>
<p>الفقرة الرابعة</p>
<p>الفقرة الخامسة</p>
</div>
<div>
<input type="text" id="tx1" placeholder="العدد">
<input type="button" value="جدول الضرب" id="b1" onclick="s()">
<br>
<label id="a1"></label>
</div>
<script src="code.js"></script>
</body>
صفحة JavaScript
document.querySelector("p").onmouseover = m;
function m() {
alert("مرحبا بك");
}
function s() {
d = document.getElementById("tx1").value;
for (x = 1; x <= 10; x++) {
document.write(d, "*", x, "=", (d * x), "<br>");
}
}
var x = document.querySelectorAll("p");
for (i = 0; i < x.length; i++) {
x[i].onclick = m2;
}
function m2() {
alert("السلام عليكم");
}
الاشتراك في:
التعليقات (Atom)