How to get this.data from an input with onkeyup

Question

I need to get the data of an input with javascript. In this way, I created an up-to-date function.

function atualizaAdicionados(e){
        console.log(e.value);
        console.log(e.data('id'));
}

<input type="text"  class="valor" name="valor_2" value="125.00" data-id="2" id="valor_2" onkeyup="atualizaAdicionados(this)">

Could someone help me or make another suggestion?

OBS.: I believe that I will not be able to work with the input ID field, because they will have several inputs that I will insert in the database (as if they were products of a sale), so each id will be value_ID. What I need is to get the ID only.

Answer 1

Use the getAttribute to obtain the value of the attributes: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute

function atualizaAdicionados(e){
        console.log(e.value);
        console.log(e.getAttribute('data-id'));
}

<input type="text"  class="valor" name="valor_2" value="125.00" data-id="2" id="valor_2" onkeyup="atualizaAdicionados(this)">