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

Michal разместил пост 12 сентября 2018

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

Darth Vader разместил пост 12 сентября 2018

Сначала выбираем тег, дальше перебираем все элементы, и в случае клика на определенный элемент нам выводит его атрибут 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'));
   
}
}
;

 

 

<p>Кнопка один <button data-num = "1">Кнопка</button></p>
<p>
Кнопка два <button data-num = "2">Кнопка</button></p>
<input
type="text" data-num = "3">
<input
type="text" data-num = "4">

 

Close