جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
Saied Hr
4 سال پیش توسط Saied Hr مطرح شد
4 پاسخ

تغییر رنگ Button به وسیله ی Javascript

سلام دوستان من ی button دارم که میخوام هربار که روش کلیک میکنم توسط کدهای جاوااسکریپت رنگش به صورت ترتیبی قرمز ،سبز و ابی بشه چیکار باید بکنم؟ لطفا راهنمایی کنید.


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

درود

ابتدا باید از رویداد onclick جاوااسکریپت روی المان (button) استفاده کنی.

<button id="#btn" onclick="myFunction()">Change my Color</button>

و تابع myFunction هم به شکل زیر:

    function myFunction() {
        var btn = document.getElementById("#btn");
        var color = document.getElementById("#btn").style.backgroundColor;

        if (color == "") btn.style.backgroundColor = 'red';
        if (color == "red") btn.style.backgroundColor = 'blue';
        if (color == "blue") btn.style.backgroundColor = 'green';

    }

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

کدش رو نوشتم:


    <button id="btn" onClick='changeBackgroundColor()'>click here</button>

    <script>
    let r = 0;
    const changeBackgroundColor = function(color) {
        let colors = ['#f00', '#0f0', '#00f'];
        r %= 3;
        document.getElementById('btn').style.backgroundColor = colors[r];
        r++;
    }
    </script>

محمدرضا
@Mmrzz 1 سال پیش مطرح شد
0

@ali.bayat اگه بخوایم که با زدن دکمه رنگ اون المانی که داریم عوض شه اون کد چطوره؟
رنگ اون اون المان به وسیله اون دکمه عوض بشه نه رنگ خود دکمه
با تشکر.🧡
@milad


MJ
تخصص : flutter
@mjbahiraei 4 ماه پیش مطرح شد
0

خب داخل فانکشن بجای اینکه آیدی btn رو بگیری آیدی المانت رو قرار بده و رنگش رو عوض کن !


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

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