Как получить id кнопки по названию?

Question

[Александр Назаров]

Допустим есть две кнопки:

<button id="1">Соль</button>
<button id="2">Крупа</button>

Нажимая на кнопку "Соль" получить id кнопки "Крупа".

Comments

[Anonymous Penguin]

А если кнопки будет три или больше?

[Александр Назаров]

Anonymous Penguin, мне нужно найти кнопку по названию, кнопок может быть больше.

Answer 1

[Elvis]

let btns = document.getElementsByTagName('button')
for(let x of btns){
  if(x.innerText == 'Крупа'){
    console.log(x.id);
  }
}

Comments

[Александр Назаров]

а в обратном порядке цикл как запустить?

[Elvis]

Александр Назаров, обратно это как? есть id и нужно узнать что на кнопке написано? если так то вот:

console.log(document.getElementById('1').innerText);

[Александр Назаров]

<button id="1">Соль</button>
<button id="2">Крупа</button>
<button id="3">Мясо</button>
<button id="4">Соки</button>

Цикл начинается с самой последней кнопки.
4,3,2,1
а нужно
1,2,3,4

[Elvis]

Александр Назаров, всё идет в том порядке в каком они в html коде.

Answer 2

[Anonymous Penguin]

const btns = document.querySelectorAll('button[id]');
const needed = 'Крупа';

let found = []; // Сюда складываем ID'шники. Массив нужен в случае если несколько кнопок будут с одним текстом
[...btns].forEach(el => {
  if (el.innerHTML == needed) found.push(el.id);
})

console.log(found);