19.8M حجم رسانه بالاست
مشاهده در ایتا
جلسه هشتم قسمت اول
eitaa.com/Pythonfriend
20.8M حجم رسانه بالاست
مشاهده در ایتا
جلسه هشتم قسمت دوم
eitaa.com/Pythonfriend
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>جلسه هشتم - حلقه‌ها</title>
<style>
body { font-family: Tahoma; padding: 20px; }
ul { list-style-type: none; padding: 0; }
li {
background: #f0f0f0;
margin: 5px 0;
padding: 10px;
border-right: 5px solid #4CAF50;
}
</style>
</head>
<body>
<h1>🔄 نمایش لیست با حلقه</h1>
<ul id="listContainer">
<!-- لیست اینجا ساخته میشه -->
</ul>
<script>
// لیست کارها
let tasks = ["خرید نان", "تمیز کردن اتاق", "تمرین کدنویسی", "ورزش"];
let listContainer = document.getElementById("listContainer");
// حلقه for برای ساختن آیتم‌های لیست
for (let i = 0; i < tasks.length; i++) {
// ساختن تگ li
let li = document.createElement("li");
// گذاشتن متن داخل li
li.textContent = (i + 1) + ". " + tasks[i];
// اضافه کردن li به داخل ul
listContainer.appendChild(li);
}
</script>
</body>
</html>
کد نهایی جلسه هشتم برای تمرین
eitaa.com/Pythonfriend
خلاصه توابع
مفهوم
توضیح
function
کلمه کلیدی برای تعریف تابع
name
اسم تابع
parameters
ورودی‌های فرضی داخل پرانتز
arguments
مقادیر واقعی که هنگام صدا زدن می‌فرستیم
return
مقداری که تابع برمی‌گردونه
eitaa.com/Pythonfriend
20.2M حجم رسانه بالاست
مشاهده در ایتا
جلسه نهم قسمت اول
eitaa.com/Pythonfriend
12.6M حجم رسانه بالاست
مشاهده در ایتا
جلسه نهم قسمت دوم
eitaa.com/Pythonfriend
16.6M حجم رسانه بالاست
مشاهده در ایتا
جلسه نهم قسمت سوم
eitaa.com/Pythonfriend
14.8M حجم رسانه بالاست
مشاهده در ایتا
جلسه نهم قسمت چهارم
eitaa.com/Pythonfriend
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>جلسه نهم - توابع</title>
<style>
body { font-family: Tahoma; padding: 20px; }
.box {
background: #e3f2fd;
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