Keeping track of the value in the input while it is in focus?

Question

JavaScript

There are n-th number of inputs. They are all with the same class. Each time the page is loaded, their number varies from 10 to 50. You need to track the focus and the values ​​of the inputa on which the focus is. The example below doesn't work

<input class="myinput">
<input class="myinput">
<input class="myinput">
<input class="myinput">
<input class="myinput">
<input class="myinput">
<input class="myinput">

var elem = document.getElementsByClassName('myinput');
    for (var i = 0; i < elem.length; i++) {
        elem[i].id='phonemid' +i;
    };
    setInterval(function() {
    for (var i = 0; i < elem.length; i++) {
        var last = document.getElementById("phonemid" +i);
        last.onfocus = function() {
        var my = elem[i];
        console.log(my.value);};
    };
    }, 300);

Answer 1

poke

Answer 2

focus ?
https://codepen.io/coderisimo/pen/JpVOGo

Answer 3

var elem = document.getElementsByClassName('myinput');

for (let i = 0; i < elem.length; i++) {
  elem[i].addEventListener('input', function() {
    console.log(this.value, 'this index ' + i);
  })
}

Here is a solution that solves the issue 100%. Colleagues from stackoverflow suggested.