تغییر رنگ دکمه با کلیک کردن
@salar.mohammad2013
@ossvahid
@saghari
@Raymond
درود دوستان.
دارم جاوا اسکرپیت یاد میگیریم...
میخوام وقتی رو دکمه ای کلید شد مثلا رنگش عوض شه
اینا رو نوشتم:
Html
<button id="my-attribute" onclick="myfunction()">
کلیک کردن
</button>Css
button {
margin: 45px auto;
display: block;
padding: 5px 8px;
border: none;
border-radius: 6px;
background-color: #03A9F4;
color: #fff;
font-family: tahoma;
font-size: 12px;
cursor: pointer;
transition: all .2s ease-in-out;
}
button:hover {
background-color: #3F51B5;
}JS
function myfunction() {
document.getElementById('my-attribute').Style.backgroundColor = yellow;
}ولی کار نکرد! مشکل چیه؟
لطفا راهنمایی کنید.
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
document.querySelector(".my-button-class").onclick = function(){
this.style='background:red; color: white;';
}
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
به اینا دقت کن
👇🏻اشاره به سند
document👇🏻جستجو میان سلکتور (فقط یکی البته)
qureyselector👇🏻رویداد (چیزی که باعث تعامل کاربر با صفحه میشه مثل onclick یا onchange یا ontouch یا...)
.onclick👇🏻this (اشاره به شعی مثلا اشاره به المنت button)
thisحالا معنی کد زیر چی میشه؟
document.querySelector(".my-button-class").onclick = function(){
this.style='background:red; color: white;';
} جاوااسکریپت شما داخل سند بیا و المنتی با کلاس my-button... رو جستجو کن و هروقت روش کلیک شد بیا تابع بازگشتی callbak رو هندل کن
این this به نظرم یادش بگیری چیه یعنی همه چی تمومه داخل همه زبونا هست و خیلی استفاده میشه
گزارش تخلف
کپی کردن
0
0