Как можно вывести значение атрибута внутри какого то тега?

Frontend developer JavaScript
1

Подскажите пожалуйста как вывести значение атрибута из тега если тегов много, дали домашку, не получается сделать работающий пример.

2

Сначала выбираем тег, дальше перебираем все элементы, и в случае клика на определенный элемент нам выводит его атрибут data-num

var input = document.getElementsByTagName('input');

for (var i = 0; i < input.length; i  ) {

    var inp = input[i];

    inp.onclick = function(){

        alert(this.getAttribute('data-num'));

    }

};

var button = document.getElementsByTagName('button');

for (var i = 0; i < button.length; i  ) {

    var btn = button[i];

    btn.onclick = function(){

        alert(this.getAttribute('data-num'));

    }

};

Кнопка один <button data-num = "1">Кнопка

Кнопка два <button data-num = "2">Кнопка

<input type="text" data-num = "3">

<input type="text" data-num = "4">