Jeden skrypt dla wielu przycisków z różnym id

pytanie zadane 6 stycznia 2017 w JavaScript przez Marshall_ Początkujący (350 p.)
zamknięte 7 stycznia 2017 przez Marshall_

Witam. Skorzystałem ze skryptu w3schools dodającego snackbary, natomiast mam problem z jego implementacją dla wielu elementów. Skrypt pobiera dane do wyświetlenia przez id, czyli "snackbar", a ja chciałbym, aby id były ponumerowane i skrypt umiał rozróżnić jaką informację ma wyświetlić.

http://www.w3schools.com/howto/howto_js_snackbar.asp
http://jsfiddle.net/ra5dk4he/

<div id="snackbar1" onclick="myFunction()">Wiadomość nr 1</div>

<div id="snackbar2" onclick="myFunction()">Wiadomość nr 2</div>

komentarz zamknięcia: Problem rozwiązany, odpowiedź znajduje się w komentarzu do pytania.

1	komentarz 6 stycznia 2017 przez xmentor Nałogowiec (49,520 p.) Prościej się chyba nie da: http://jsfiddle.net/2u88cqop/ Przeanalizuj.

1 odpowiedź

odpowiedź 6 stycznia 2017 przez ribeiro Stary wyjadacz (11,440 p.)

Przekaż w argumencie funkcji wartość atrybutu id:

<div id="snackbar1" onclick="myFunction(this.id)">Wiadomość nr 1</div>

I skorzystaj z niego w ciele funkcji:

function myFunction(id) {
    var x = document.getElementById(id);
...

I w tym fiddle'u nie masz średnika btw

komentarz 6 stycznia 2017 przez Marshall_ Początkujący (350 p.)

Nie bardzo rozumiem, w js jestem kompletnie nowy, nadal nie działa (to 1 fiddle było złe, bo w css jest id "snackbar" i js do tego dopisuje ".show" przez co snackbar się wyświetla i to nie miało prawa działać)

http://jsfiddle.net/ra5dk4he/6/