1276 gün önce Javascript "this.files is not iterable Hatası" (Youtube Eğitim videosundaki yer)
sorusunu cevapladı.
<h3>Tamam sorunu çözdüm :)</h3>
handleFiles fonksiyonu içerisindeki ```this```, ```input``` elementine bakıyor.
```javascript
const inputElement = document.getElementById("input");
inputElement.addEventListener("change", handleFiles);
function handleFiles() {
console.log(this.files) //sorunsuz çalışacak
}
```
Eğer arrow function yazsaydık ```this```, ```Window``` objesine bakardı. (Ben hatayı burada yaptım :))) )
```javascript
const inputElement = document.getElementById("input")
inputElement.addEventListener("change", () => {
console.log(this.files) // undefined
});
```
1276 gün önce Javascript "this.files is not iterable Hatası" (Youtube Eğitim videosundaki yer)
sorusunu cevapladı.
Ayrıca konsolda da <b>undefined</b> gözüküyor.
1276 gün önce Javascript "this.files is not iterable Hatası" (Youtube Eğitim videosundaki yer)
sorusunu cevapladı.
Hocam kodlarım bu şekilde
function showFiles() {
[...this.files].map((element) => {
let item = document.createElement("div");
item.className = "upload-item";
item.innerHTML = `
<div class="upload-content">
<div class="item-type">
<img src="./file_icons/${fileIcon(element.name)}.png" alt="" />
</div>
<div class="item-name">${element.name}</div>
</div>
<div class="upload-status"></div>`;
uploadBody.appendChild(item);
files.push({
file: element,
el: item,
});
});
}