Cześć.
Mam dwa osobne ale identyczne formularze, w każdym jest pole file z innym id.

W JS mam skrypt by podczas zmiany tego pola usuwało zawartość z diva.

[HTML] pobierz, plaintext 
$('#avatarimg').on('change', function() {
document.getElementsByClassName('noti')[0].innerHTML = '';
});
[HTML] pobierz, plaintext 

tak samo w drugim

[HTML] pobierz, plaintext 
$('#bgimg').on('change', function() {
document.getElementsByClassName('noti')[0].innerHTML = '';
});
[HTML] pobierz, plaintext 

W pierwszym formularza działa poprawnie, w drugim już nie. Pomożecie?

NO skoro zawsze pobierasz pierwszy element o klasie noti no to sie nie dziw ze zawsze ci zmienia tylko w pierwszym

ps: przenosze

Swoja droga skoro uzywasz jquery to moglbys to robic konsekwentnie a nie raz jquery a raz lecisz w vanila js

Ty jak zawsze pomocy

jak zmieniłem na

[HTML] pobierz, plaintext 
document.getElementsByClassName('noti').innerHTML = '';
[HTML] pobierz, plaintext 

to nie działa w ogóle

Ale jakbys zamienil na
document.getElementsByClassName('noti')[1].innerHTML = '';

to moze byc jednak zadzialalo

Niestety nie działa, widocznie gdzie indziej w kodzie mam jakiś błąd
Tworzę to na przykładach z sieci bo nie znam się na JS ;/

[HTML] pobierz, plaintext 
    $('#avatarimg').on('change', function() {
         var buttonblock = document.getElementById("avatarsend");
         if(this.files[0].size > 2097152){
         buttonblock.classList.add("disabled");
        document.getElementsByClassName('txtavatar')[0].innerHTML = '<span class="error">Maksymalny rozmiar pliku 2Mb</span>';       
        }else{
         buttonblock.classList.remove("disabled");
         document.getElementsByClassName('txtavatar')[0].innerHTML = '';  
        } 
        document.getElementsByClassName('noti')[1].innerHTML = '';      
});
[HTML] pobierz, plaintext 

pod spodem mam taki kod do drugiego pola

[HTML] pobierz, plaintext 
$('#bgimg').on('change', function() {
         var buttonblock = document.getElementById("bgsend");
         if(this.files[0].size > 2097152){
         buttonblock.classList.add("disabled");
        document.getElementsByClassName('txtbg')[0].innerHTML = '<span class="error">Maksymalny rozmiar pliku 2Mb</span>';    
        }else{
         buttonblock.classList.remove("disabled");
         document.getElementsByClassName('txtbg')[0].innerHTML = '';   
        }
        document.getElementsByClassName('noti')[1].innerHTML = ''; 
});
[HTML] pobierz, plaintext 

Nie musisz sie znac, ale myslec to bys mogl... Przeczytaj dokladnie co ja pisalem w postach i przetraw to na spokojnie patrzac na to co ty zastosowales

Daruje sobie to Nie ogarniam. Google też nie pomaga chyba, że będziesz tak miły i podrzucisz jakiś link

console.log(document.getElementsByClassName('noti'));
co zwraca?

Nie wiem co się stało ale zaczęło działać