Получение значения нажатого элемента

97
01 марта 2021, 12:40

Можно ли как-нибудь получить значение элемента на который я нажал? (при нажатии на блок со значением 1 выводило 1, 2-2, 3-3 и тд).

HTML

            <div onclick=addNum() class="key">1</div>
            <div onclick=addNum() class="key">2</div>
            <div onclick=addNum() class="key">3</div>
            <div onclick=addNum() class="key">4</div>

JS

function addNum(){
alert(ЭтотЭлемент.value);

}

Answer 1
<div onclick="addNum(this)" class="key">1</div>
function addNum(el) {
  alert(el.textContent);
}
Answer 2

function addNum(el) { 
  alert(el.textContent); 
}
<div onclick=addNum(this) class="key">1</div> 
<div onclick=addNum(this) class="key">2</div> 
<div onclick=addNum(this) class="key">3</div> 
<div onclick=addNum(this) class="key">4</div>

Можно через слушателей:

let divs = document.querySelectorAll('.key'); 
divs.forEach(div => {  
    div.addEventListener('click', () => addNum(div)); 
}); 
 
function addNum(el) { 
  alert(el.textContent); 
}
<div class="key">1</div> 
<div class="key">2</div> 
<div class="key">3</div> 
<div class="key">4</div>

READ ALSO
Как отрисовать объекты в массиве на Javascript?
javascript

Как отрисовать объекты в массиве на Javascript?

Пишу что-то вроде старого платформера lode runnerУ меня генерируется массив, получая количество строк и ячеек из переменных в классе config

 228
Инкрементированая строка
javascript

Инкрементированая строка

Есть ли у кого-нибудь код, который получает из строки допустим 'qwerty' следующую 'qwertz', а из строки 'qwertz' - 'qwerva'Инкрементированую строку, если это...

 129
Циклы в BeautifulSoup4 Python
HTML

Циклы в BeautifulSoup4 Python

Я запарсил сайт

 102
Замена текста в файле .txt с помощью cmd
HTML

Замена текста в файле .txt с помощью cmd

В текстовом файле находится размеченный тегами текстНо эти теги разорваны, например:

 115