ریست کردن استایل button

سلام به شما دوست عزیز.
من حدسم اینه که منظور شما جاوااسکریپت هست نه جاوا، درسته؟

بله درسته ممنون میشم راهنمایی بفرمایید @rezajahangir

سلام به نظرم شما توی فایل 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>

@hamidrezamnj

سلام
کدی که آقا حمیدرضا گذاشتن تا حدودی درسته فقط چنتا ایراد داره
اولا در قسمت شرط بهتره به جای classlist[0] از .contains استفاده کنین که اگه توی گوگل سرچ کنین classlist.contain() براتون مثالش رو میاره

اگر هم بخاین مثل مورد بالا کار کنین باید به جای دوتا = از سه تا استفاده کنین!

یه کار بهتر اینه که شما یه کلاس تعریف کنین مثلا reset-btn بعد مانند بالا این کلاس رو با کلیک کردن اضاف کنین ! محتویات این کلاس میتونه شامل تمامی اتریبیوت های پیشفرض باشه که مقدار important گرفتن مثلا بگید

border : none !important;

حالا مثالی که من در بالا زدم فقط برای border هست شما موارد دیگه رو هم اضاف کنین !

خیلی ممنون از راهنماییتون ولی من میخوام از طریق توابع این مسئله رو حل کنم در جاوا اسکریپت @hamidrezamnj

لینک زیر رو نگاه کنید

https://bobbyhadz.com/blog/javascript-remove-all-styles-from-element

خواهش میکنم.
فقط لطف کنید به عنوان بهترین پاسخ انتخاب کنید تا دوستان دیگه هم اگه به این مشکل خوردن مشکلشون سریع حل بشه.
موفق باشید.