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

Question

[Grep1]

Есть 2 блока, в 1 кнопки, в другом спрятанное содержимое. Как можно обратиться к блоку li(ul с классом block) на чистом js по порядковому номеру. Допустим если нажата 1 кнопка, то обратиться к первому блоку и т.д

<ul class="button">
	<li><button></button></li>
	<li><button></button></li>
	<li><button></button></li>
	<li><button></button></li>
</ul>
<div>
	<ul class="block">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>	
</div>

Comments

[Alex_mos]

Человек написал про табы, посмотри их функционал, как раз то что тебе нужно, при нажатии на кнопку показывает определенный блок

Answer 1

[ArtJH]

Тебе нужен функционал переключения таб
https://codepen.io/axelaredz/pen/pLKjx

Answer 2

[WapSter]

Comments

[Grep1]

это конечно хорошо, но я не совсем понимаю как кнопки подключить

[Ярослав Иванов]

Grep1, куда подключить

[WapSter]

Grep1, ты вопрос задал как получить элемент по порядковому номеру. Я дал тебе ответ и он абсолютно верен, так что потрудись отметить. И в следующий раз задавай вопрос в стиле сделайте за меня табы или что там у тебя.

[Grep1]

Как можно обратиться к блоку li(ul с классом block) на чистом js по порядковому номеру. Допустим если нажата 1 кнопка, то обратиться к первому блоку и т.д

Эм ок, сейчас бы не дочитать вопрос или самому его не понять, но при этом врубать агрессию

[WapSter]

Grep1, я его дочитал поверь, и на сколько я вижу слово присутствует

Допустим

Допускаю ты знаешь как работать с событиями.

Answer 3

[Tim]

Answer 4

[Jason Marketson]

let clicked_bnt = document.querySelectorAll('.button>li');
let selected_li = document.querySelectorAll('.block>li');
for (let i = clicked_bnt.length - 1; i >= 0; i--) {
clicked_bnt[i].addEventListener('click', function(y){
selected_li[i].style.textShadow = "2px 0px 5px #FF0000";
});
}