Pobranie atrybutu z buttona - event handler

0

Cześć, mam taki problem:
Pobieram sobie listę to-dosów z serwera, i renderuje ją w czystym JSie. Założenie jest takie żeby dodać do każdego wiersza przycisk delete który spowoduje usunięcie wiersa w ogóle jak równiez wysłanie requestu delete na serwer. Do każdego buttona dodaje atrybut data-id=id_tego_todo.
Niestety nie wiem jak pobrać wartość tego atybutu:

    let deleteButton = document.createElement('input');
    deleteButton.setAttribute('type', 'button');
    deleteButton.setAttribute('value', 'delete');
    deleteButton.setAttribute('class', 'btn btn-primary');
    deleteButton.setAttribute('data-id', item.id);
    deleteButton.addEventListener("click", event => {
      event.preventDefault();
      console.log(event.target.getAttribiute('data-id'));
    });

Takie coś powoduje że dostaje w przeglądarce (Google Chrome na Linuxie):

todo.js:33 Uncaught TypeError: event.target.getAttribiute is not a function
at HTMLInputElement.<anonymous>

Nie wiem co zrobić :/

0

https://discourse.stimulusjs.org/t/cannot-get-attribute-value-using-event-target/134

You probably want to use event.currentTarget instead of event.target.

Może to ?

0

Też próbowałem.
Chociaż co ciekawe jak zrobie console.log(event.target) to dostaje:

<input type="button" value="delete" class="btn btn-primary" data-id="1">

Czyli ten właśnie przycisk. Nie ogarniam :D

EDIT:
dobra udało się: event.target.dataset.id :D

1 użytkowników online, w tym zalogowanych: 0, gości: 1