узнать индекс кнопки из массива
Добры день всем, люди добрые нужна помощь. Я учусь javascript и написал код, но в нем не хватает функция которы
1- будет при нажатье на кнопку проверять есть в нем тег img или нет и если есть alert('heloo')если нет то идем далее // кнопки -- диви с классом (page) 2- вычислить индекс нажатого кнопки из массива и запишет ее в переменную (x) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="pagess"> <div class="pages"> <div class="page"><img src="#" alt="#">кнопка 1</div> <div class="page"><span class="page-txt">кнопка 2</span></div> <div class="page"><span class="page-txt">кнопка 3</span></div> <div class="page"><span class="page-txt">кнопка 4</span></div> <div class="page"><span class="page-txt">кнопка 5</span></div> <div class="page"><span class="page-txt">кнопка 6</span></div> <div class="page"><span class="page-txt">кнопка 7</span></div> <div class="page"><span class="page-txt">кнопка 8</span></div> <div class="page"><span class="page-txt">кнопка 9</span></div> <div class="page"><span class="page-txt">кнопка 10</span></div> </div> <div class="pages"> <div class="page"><img src="#" alt="#">кнопка 1</div> <div class="page"><span class="page-txt">кнопка 2</span></div> <div class="page"><span class="page-txt">кнопка 3</span></div> <div class="page"><span class="page-txt">кнопка 4</span></div> <div class="page"><span class="page-txt">кнопка 5</span></div> <div class="page"><span class="page-txt">кнопка 6</span></div> <div class="page"><span class="page-txt">кнопка 7</span></div> <div class="page"><span class="page-txt">кнопка 8</span></div> <div class="page"><span class="page-txt">кнопка 9</span></div> <div class="page"><span class="page-txt">кнопка 10</span></div> </div> <div class="pages"> <div class="page"><img src="#" alt="#">кнопка 1</div> <div class="page"><span class="page-txt">кнопка 2</span></div> <div class="page"><span class="page-txt">кнопка 3</span></div> <div class="page"><span class="page-txt">кнопка 4</span></div> <div class="page"><span class="page-txt">кнопка 5</span></div> <div class="page"><span class="page-txt">кнопка 6</span></div> <div class="page"><span class="page-txt">кнопка 7</span></div> <div class="page"><span class="page-txt">кнопка 8</span></div> <div class="page"><span class="page-txt">кнопка 9</span></div> <div class="page"><span class="page-txt">кнопка 10</span></div> </div> <div class="pages"> <div class="page"><img src="#" alt="#">кнопка 1</div> <div class="page"><span class="page-txt">кнопка 2</span></div> <div class="page"><span class="page-txt">кнопка 3</span></div> <div class="page"><span class="page-txt">кнопка 4</span></div> <div class="page"><span class="page-txt">кнопка 5</span></div> <div class="page"><span class="page-txt">кнопка 6</span></div> <div class="page"><span class="page-txt">кнопка 7</span></div> <div class="page"><span class="page-txt">кнопка 8</span></div> <div class="page"><span class="page-txt">кнопка 9</span></div> <div class="page"><span class="page-txt">кнопка 10</span></div> </div> <div class="action" > <span id="action">text</span> </div> <script> var action = [20, 18, 16, 14, 12, 10, 8, 6, 4, 2]; //наши переменый var buttons = document.getElementsByClassName("page"); // все класы кнопки в массиве var x = 34; // индекс нажатаго кнопку ? var y = x % 10; // остаток от деление var z = action[y-1]; // получаем нужны резултат document.getElementById('action').innerHTML = 'text ' + z + ' %' + ' text'; //выставляем значения console.log(action); console.log(buttons); console.log(x); console.log(y); console.log(z); </script> </body> </html> |
| Часовой пояс GMT +3, время: 07:15. |