یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها
استفاده از تخفیف‌ها
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
درود
برای تغییر بک‌گراند از طریق جاوااسکریپت به شکل زیر عمل کنید:
document.body.style.backgroundColor = "#f3f3f3";و یا به شکل زیر:
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top"; ۱ بار دیگه متن سوالت رو بخون.
من میخوام اسکریپت بسازم با جاوااسکریپت. کاربر مثلا کد رنگ #۰۰۰۰۰۰ رو میزنه یا هر کد رنگی که میزنه تبدیل بشه به بک گراند اون .یعنی از بین ۱۶ میلیون رنگ هر چی رو دستی بزنی باید با جاوااسکریپت بشه بک گراند
خودتون این سوال رو تفسیر کنید و اگر معنای دقیق تری درش دیدید، به من هم بگید
پاسخ به سوالتون شامل دو بخش میشه:
1) دریافت رنگ از کاربر
2) تغییر رنگ صفحه
جناب بیات هم به خوبی در خصوص بخش دوم، مهمترین نکته رو بیان کردن (با فرض اینکه شما مبانی کار با جاوااسکریپت رو بلد هستید).
الان شما روی کدوم بخش سوال دارید؟
کاربر از بین 16 میلیون رنگ هکس یکی رو به دلخواه به شکل #245828 وارد میکنه و اسکریپت باید اینو به عنوان رنگ بک گراند در نظر بگیره
بک گراند هم نشد کلا به عنوان یه رنگ در نظر بگیرتش
مثال
<h1 class="#238792">hello</h1>
عزیزم کلا دو مرحله داره،
1 دریافت رنگ از کاربر، 2 سپس قرار دادن رنگ در خصوصیت رنگ پس زمینه برای عنصر مورد نظر.
اونوقت این دیگه چه مثالی هستش، من درک نکردم. رنگ رو به عنوان نام کلاس گذاشتید؟
کدش رو هم نوشتم:
Select your favorite color: <input id='newColor' type="color" name="favcolor" value="#ff0000">
<button onClick='changeBackgroundColor(document.getElementById("newColor").value)'>change color </button>
<script>
const changeBackgroundColor = function(color) {
document.body.style.backgroundColor = color;
}
</script>