انتخاب index موردنظر در آرایه
سلام دوستان. من یه div توی صفحه htmlم دارم که ۴تا button داخلشه. توی صفحه JS هم یه آرایه ساختم که بازهم ۴تا تگ html داخلشه(حالا دقیقاً مهم نیست چی هستن). یه پاراگراف هم توی صفحه htmlم دارم.
میخوام هرموقع روی یکی از اون چهارتا button کلیک شد، از توی اون آرایهای که دارم، اون خونهای انتخاب بشه که indexش مساوی index همون button کلیکشده هست. (خب طبیعتاً buttonها بصورت آرایه دراومدن).
حالا میخوام اون تگ htmlی که توی اون خونهی انتخاب شده آرایه موردنظر وجود داره، توی innerHTML اون پاراگرافی که من دارم، قرار بگیره.
چطور میتونم اینطور کاری انجام بدم؟ اصلا نمیدونم اینطور کاری رو میشه انجام داد یا نه.
ممنون میشم پاسخ بدید ❤️
پاسخها
8
@Mesusjk
سلام و وقت بخیر
من امتحان نکردم ولی یه چیزی توی این مایه ها باید کار کنه :
let paragraph = document.getElementById('parargraph');
let htmls =['Array' , 'Of' , 'Your' , 'HTML`s'];
const buttons = document.getElementsByClassName('.button');
buttons.forEach(function(button , index){
button.addEventListener('click' , function(){
paragraph.innerHTML= htmls[index];
})
})موفق و سلامت باشید
یا حق
سوالتون شبیه طرح معما شده.
کدهاتون رو در کنار توضیحات تون قرار بدین.
@TimeRunner2359 خیلی ممنونم بابت راهنماییتون. امتحانش کردم. کاملا درست کار میکنه.💙
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@Mesusjk
خواهش میکنم 🙏
@TimeRunner2359 کدهایی که نوشته بودید، دقیقا شبیه کدهام بود. فقط اون indexی که بعنوان ورودی به forEach داده بودید، کم داشت. میشه بگید چطور متوجه شدید باید ورودی index رو بهش بدید؟
@Mesusjk
گوگل و استکاورفلو دوستان خوبی هستن 🤣🤣
چون توی PHP هم میشه اینکار رو کرد ، مطمئن بودم باید شیوه مشابهای داشته باشه ، که با سرچ به شیوهای که استفاده کردم ، رسیدم
@TimeRunner2359 😂😂😂
توی گوگل چی نوشتید که اینطور نتیجهای براتون اومد؟ تا از این به بعد خودم هم یاد بگیرم جوابمو پیدا کنم.
@Mesusjk
یکم خودتون تمرین کنید یاد میگیرید
واقعا نیازه که مهارت جستجوی درست در گوگل رو بلد باشید
من زدم : how to pass index into for each JavaScript
موفق و سلامت باشید
یا حق