فرهاد
5 سال پیش توسط فرهاد مطرح شد
8 پاسخ

Class color

سلام ، من میخوام اسکریپت بسازم با جاوااسکریپت . روند کار به این صورته :

کاربر مثلا کد رنگ #000000 رو میزنه یا هر کد رنگی که میزنه تبدیل بشه به بک گراند اون

یعنی از بین 16 میلیون رنگ هر چی رو دستی بزنی باید با جاوااسکریپت بشه بک گراند


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

درود
برای تغییر بک‌گراند از طریق جاوااسکریپت به شکل زیر عمل کنید:

document.body.style.backgroundColor = "#f3f3f3";

و یا به شکل زیر:

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top"; 

فرهاد
تخصص : Javascript Developer
@cfarhad 5 سال پیش مطرح شد
0

@ali.bayat
من دارم یه چیز دیگه میگم پاسخ شما ربطی به سوال من نداره


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

۱ بار دیگه متن سوالت رو بخون.

من میخوام اسکریپت بسازم با جاوااسکریپت. کاربر مثلا کد رنگ #۰۰۰۰۰۰ رو میزنه یا هر کد رنگی که میزنه تبدیل بشه به بک گراند اون .یعنی از بین ۱۶ میلیون رنگ هر چی رو دستی بزنی باید با جاوااسکریپت بشه بک گراند

خودتون این سوال رو تفسیر کنید و اگر معنای دقیق تری درش دیدید، به من هم بگید


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

پاسخ به سوالتون شامل دو بخش میشه:
1) دریافت رنگ از کاربر
2) تغییر رنگ صفحه

جناب بیات هم به خوبی در خصوص بخش دوم، مهمترین نکته رو بیان کردن (با فرض اینکه شما مبانی کار با جاوااسکریپت رو بلد هستید).
الان شما روی کدوم بخش سوال دارید؟


فرهاد
تخصص : Javascript Developer
@cfarhad 5 سال پیش آپدیت شد
0

@ali.bayat @milad

کاربر از بین 16 میلیون رنگ هکس یکی رو به دلخواه به شکل #245828 وارد میکنه و اسکریپت باید اینو به عنوان رنگ بک گراند در نظر بگیره

بک گراند هم نشد کلا به عنوان یه رنگ در نظر بگیرتش

مثال

<h1 class="#238792">hello</h1>

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

عزیزم کلا دو مرحله داره،
1 دریافت رنگ از کاربر، 2 سپس قرار دادن رنگ در خصوصیت رنگ پس زمینه برای عنصر مورد نظر.

اونوقت این دیگه چه مثالی هستش، من درک نکردم. رنگ رو به عنوان نام کلاس گذاشتید؟


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

کدش رو هم نوشتم:

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>

فرهاد
تخصص : Javascript Developer
@cfarhad 5 سال پیش مطرح شد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام