eitaa logo
جاوااسکریپت یار
34 دنبال‌کننده
13 عکس
104 ویدیو
0 فایل
🐍 جاوااسکریپت یار | آموزش جاوااسکریپت از صفر تا صد ✅ آموزش رایگان جاوااسکریپت ✅ پروژه‌های عملی و واقعی ✅ ویدیو + مقاله + تمرین و... جهت مشکل یا انتقاد و تبادل به این ایدی پیام بدین @mohsensolemani لینک کانال @Pythonfriend
مشاهده در ایتا
دانلود
<!DOCTYPE html> <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <title>جلسه نهم - توابع</title> <style> body { font-family: Tahoma; padding: 20px; } .box { background: ; padding: 15px; margin-top: 10px; border-radius: 5px; } </style> </head> <body> <h1>🛠️ تست توابع</h1> <div class="box"> <p>خروجی کنسول رو ببینید (F12)</p> </div> <script> // ۱. تابع ساده function showMessage() { console.log("تابع اجرا شد!"); } showMessage(); // ۲. تابع با پارامتر function calculateArea(width, height) { return width * height; } let area1 = calculateArea(5, 10); let area2 = calculateArea(3, 4); console.log("مساحت مستطیل اول: " + area1); // 50 console.log("مساحت مستطیل دوم: " + area2); // 12 // ۳. تابع شرطی function checkGrade(score) { if (score >= 10) { return "قبول"; } else { return "مردود"; } } console.log("وضعیت نمره ۱۵: " + checkGrade(15)); // قبول console.log("وضعیت نمره ۵: " + checkGrade(5)); // مردود </script> </body> </html> کد نهایی جلسه نهم برای تمرین eitaa.com/Pythonfriend
انشاالله شنبه میریم سراغ جلسه دهم😍
خلاصه دستورات DOM دستور کاربرد getElementById("id") پیدا کردن المان بر اساس ID querySelector("selector") پیدا کردن المان بر اساس انتخاب‌گر CSS innerHTML تغییر محتوای HTML داخل المان textContent تغییر متن ساده داخل المان element.style.property تغییر استایل CSS المان createElement("tag") ساختن المان جدید appendChild(element) اضافه کردن المان به والد eitaa.com/Pythonfriend