سلام به نظرم شما توی فایل css پروژه ات دو تا کلاس برای دکمه ات تعیین کن یکی برای حالت ریست و معمولی، یکی هم برای حالت تغییر بعد بیا دو حالت فقط کلاسا رو جا به جا کن تا استایلا اعمال بشن مثلا:
<button class="normal" id="clickButton">click</button>
<script>
var button = document.querySelector("#clickButton");
button.addEventListener('click', function(e){
if(e.classList[0] == "normal"){
e.classList.remove('normal');
e.classList.add('change');
} else{
e.classList.remove('change');
e.classList.add('normal');
}
});
</script>
سلام
کدی که آقا حمیدرضا گذاشتن تا حدودی درسته فقط چنتا ایراد داره
اولا در قسمت شرط بهتره به جای classlist[0] از .contains استفاده کنین که اگه توی گوگل سرچ کنین classlist.contain() براتون مثالش رو میاره
اگر هم بخاین مثل مورد بالا کار کنین باید به جای دوتا = از سه تا استفاده کنین!
یه کار بهتر اینه که شما یه کلاس تعریف کنین مثلا reset-btn بعد مانند بالا این کلاس رو با کلیک کردن اضاف کنین ! محتویات این کلاس میتونه شامل تمامی اتریبیوت های پیشفرض باشه که مقدار important گرفتن مثلا بگید
border : none !important;
حالا مثالی که من در بالا زدم فقط برای border هست شما موارد دیگه رو هم اضاف کنین !
خیلی ممنون از راهنماییتون ولی من میخوام از طریق توابع این مسئله رو حل کنم در جاوا اسکریپت @hamidrezamnj
لینک زیر رو نگاه کنید
https://bobbyhadz.com/blog/javascript-remove-all-styles-from-element
خواهش میکنم.
فقط لطف کنید به عنوان بهترین پاسخ انتخاب کنید تا دوستان دیگه هم اگه به این مشکل خوردن مشکلشون سریع حل بشه.
موفق باشید.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟